-
I can’t figure out how to resize the sub-menu. Notice how there’s so much padding top, left, right, and down?
How do I edit padding around this?
Thanks
-
Hi there,
Inside the Header & Navigation element, select the Sub Menu block, go to Manage Selector, and choose the Menu Item Link selector. Reference screenshot: https://cln.sh/92Fddz1R8141G0dwCKtZ
After that, adjust the submenu padding under the Spacing panel.
To change the submenu width, select the Sub Menu block Main selector and modify the Width value (currently set at 200px).
-
Hi Alvind,
I tried this unsuccessfully.
The width is fine, thank you.
Unfortunately, the vertical padding between the submenu items is too large. How can I reduce the vertical spacing between them?
-
The method I mentioned above should work. To reduce the vertical spacing, adjust the top and bottom padding value on the Menu Item Link selector.
I’ve set the top and bottom padding to 10px so you can see the difference. You can tweak it to your preference.
-
Appreciate your help, Alvind. The issue seems to be that the sub-menu items have both top and bottom padding, creating an unusual gap between them. Is there a way to fix this?
Please see this link screenshot: https://imgur.com/a/YagHFNN
-
Please refer to Alvind’s reply; reducing the top/bottom padding for menu item link selector should work. As far as I can see, they are being set to 15px at this moment:
https://app.screencast.com/TGnYuq4faYvrd -
Hi team,
Can you please check out this 1 minute video of my issue, is this possible? I’ve tried reducing the padding in the menu item link selector but it sacrifices the top and bottom padding of the entire box.
-
You can select the sub menu block, and add padding top and padding bottom to it, and set its background color to the same as the menu items.
-
Thank you Ying!
-
You are welcome 🙂
- You must be logged in to reply to this topic.