Drop Down Menu spacing

[trefts]

I am getting close to finishing up website for my office, but I need some help. My drop down menu is preventing the whole list from being displayed. It’s too big and I need tighter spacing between the submenu items. I included a screenshot. see below.

thank you

[PMUK (Paul Moore)]

@elementsbot can you help

[elementsbot]

Hey there, trefts! Looks like your dropdown menu is feeling a bit too spacious. Let’s tighten things up!

To adjust the spacing between submenu items, you can use Tailwind CSS classes to modify the padding or margin. Here’s a quick example:

1. Open your dropdown component in Elements.
2. Add a custom class to your submenu items, like submenu-item.
3. Use Tailwind to adjust spacing, for example: py-1 for padding-y or my-1 for margin-y.

If you’re not sure where to add these, just drop them into the “Custom Classes” field for your submenu items.

And remember, you can always tweak these values to get the perfect fit. If you need more help, just holler!

[trefts]

Thank you. Although I am a little bit confused. I think I should put the code at the bottom of the screen in Advanced > CSS classes? see screen shot as well. and final question should it be something like “submenu-item my-1”?

thanks

[dan]

@trefts

The menu component doesn’t currently have a way to adjust the spacing between menu items.

I’ll create a ticket for this feature and see if we can get it added soon.

[trefts]

Thank you, that would be great. Let me know when it is updated please.

[Doobox (Doobox Software)]

[&_[role=menuitem]]:py-1

For a tighter gap

The default is py-2

[MultiThemes (Michelangelo)]

@Doobox

For a tighter gap

The default is py-2

between 1 and 1.5 for balanced spacing

[dan]

We’ve just added an option to change the menu spacing, this will ship in the next build, and oh boy… this next build is HUGE

[WeaverPixel (Markus Haberkern)]

I like HUGE updates

[dan]

That’s good, because this is shaping up to be the hugest update we’ve ever done

[sbchasin (Steve C.)]

Any chance for right-click “Open with…” in resources??

[dan]

Probably not (you’re the only one to request this, so demand is low), but it is on the list.

[thominator (Thom Hogan)]

Okay, then I’ll demand it, too ;~). It would be useful. Very useful.

[handshaper (Robin Mair)]

I’ll ask for it as well, as it should be an essential feature to help dealing with resources.

[trefts]

Thank you, the changes you made really do help…

[iMac (Hans)]

Will it be possible to scroll in case of many submenus? For now, I made another solution that works fine (hide all submenus. On the main page, each photo is a link to the submenu.