# Drop Down Menu spacing

**URL:** <https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661>\
**Category:** Elements\
**Created:** [January 16, 2026, 10:11am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661 "2026-01-16T10:11:16Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![trefts](https://avatars.discourse-cdn.com/v4/letter/t/c5a1d2/32.png) [@trefts](https://forums.realmacsoftware.com/u/trefts)\
**Post date:** [January 16, 2026, 10:11am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/1 "2026-01-16T10:11:16Z")

</div>

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.

 ![menu need help](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/a/cae8ed7fd98a8342aa4f4f068348bd7b5abfc3c1.jpeg)

thank you

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 16, 2026, 1:10pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/2 "2026-01-16T13:10:10Z")

</div>

@elementsbot can you help

---

<div class="post-metadata">

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\
**Post date:** [January 16, 2026, 1:10pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/3 "2026-01-16T13:10:16Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![trefts](https://avatars.discourse-cdn.com/v4/letter/t/c5a1d2/32.png) [@trefts](https://forums.realmacsoftware.com/u/trefts)\
**Post date:** [January 18, 2026, 4:53am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/4 "2026-01-18T04:53:21Z")

</div>

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

 ![submenu code place](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/4/14570e7240ea5a2436103ade7feb6f9c4cda6433.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 18, 2026, 11:36am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/5 "2026-01-18T11:36:06Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![trefts](https://avatars.discourse-cdn.com/v4/letter/t/c5a1d2/32.png) [@trefts](https://forums.realmacsoftware.com/u/trefts)\
**Post date:** [January 18, 2026, 11:50am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/6 "2026-01-18T11:50:04Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [January 18, 2026, 1:29pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/7 "2026-01-18T13:29:24Z")

</div>

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

```

☝ For a tighter gap ☝

The default is py-2

 ![CleanShot 2026-01-18 at 1 .28.03@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/8/d8b321f93332620f0fa88b45033f2c8dde67b7d7.png)

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [January 18, 2026, 3:15pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/8 "2026-01-18T15:15:21Z")

</div>

> [@Doobox](#):
>
> ☝ For a tighter gap ☝
> 
> The default is py-2

👏 👌 🙏

between 1 and 1.5 for balanced spacing

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 18, 2026, 4:03pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/9 "2026-01-18T16:03:13Z")

</div>

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 😉

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [January 18, 2026, 7:40pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/10 "2026-01-18T19:40:00Z")

</div>

I like HUGE updates 🤣

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 18, 2026, 10:00pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/11 "2026-01-18T22:00:00Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 18, 2026, 10:04pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/12 "2026-01-18T22:04:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 19, 2026, 10:11am UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/13 "2026-01-19T10:11:36Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [January 19, 2026, 1:20pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/14 "2026-01-19T13:20:33Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [January 19, 2026, 8:06pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/15 "2026-01-19T20:06:49Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![trefts](https://avatars.discourse-cdn.com/v4/letter/t/c5a1d2/32.png) [@trefts](https://forums.realmacsoftware.com/u/trefts)\
**Post date:** [April 18, 2026, 5:22pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/16 "2026-04-18T17:22:32Z")

</div>

Thank you, the changes you made really do help…

---

<div class="post-metadata">

**Author:** ![iMac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/imac/32/110_2.png) [@iMac](https://forums.realmacsoftware.com/u/iMac)\
**Post date:** [April 18, 2026, 7:35pm UTC](https://forums.realmacsoftware.com/t/drop-down-menu-spacing/53661/17 "2026-04-18T19:35:55Z")

</div>

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.
