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

AI-generated summary

The discussion is about positioning header drop-down menus using fk-d-menu. nolo is looking for a way to adjust the position of the drop-down menu, so it doesn’t attach directly below the header. After pfaffman suggested sharing code for better help, nolo found the offset argument in the component code, which allows for customization of the menu’s placement. By using `@offset=

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