Drop Down Menu spacing

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

@elementsbot can you help

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

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!

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

@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.

1 Like

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

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

:index_pointing_up: For a tighter gap :index_pointing_up:

The default is py-2

2 Likes

:clap: :ok_hand: :folded_hands:

between 1 and 1.5 for balanced spacing

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 :wink:

5 Likes

I like HUGE updates :rofl:

1 Like

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

5 Likes

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

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

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

2 Likes

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

1 Like