Positioning header drop-down menus with fk-d-menu

I’ve just done a first component adding a drop-down menu to the header, using fk-d-menu. It’s really nice and straightforward to set up. Just style-wise, I don’t really like how the panel is attached right below the header:

From what I see this is also the case with new official components:

I tried adjusting the position, so it hovers a bit above or below. But I couldn’t really figure out a good way to do it. Is there a recommended approach?

1 Like

You can get better help if you link to your code.

2 Likes

This was more of a general question about placing the DMenu component. But I should indeed have a better look at the component code.. :melting_face: Saw there’s also an offset argument, so I can place like:

<DMenu
 @placement="bottom-end"
 @offset="0"
 ..
>

And then it’s placed like the other menu panels, slightly above the header:

3 Likes