This topic has 3 replies, 2 voices, and was last updated 8 years by 
-
-
Hello,
Hope you can help. I am using the Primary Menu for my product categories – we have LOTS!
I’m struggling to show our customers all our categories as there isn’t enough room vertically for the categories.
See attached screenshot to help explain how the categories don’t fit.
Is it possible to reduce the height of the menu options (those that appear when users hover over the main menu)
Many thanks,
Karen
Hi,
Please use the below CSS to customize the padding around the sub menu items
.dropdown-menu li a {padding: 5px 8px !important;}I have reduced the values from 10px / 18px to 5px / 8px, you can adjust these values as needed. You will need to clear your cache(s) to see any changes.
Alternatively we also have a mega menu option that you could enable for the menu item ‘gifts’ which would turn the child items ‘Gift ideas’, ‘Themed gifts’, etc etc into headings and show the items below instead of showing a second layer of child items. You can do this by going to Appearance > Menus and opening the gifts menu item that has already been added to the menu and checking the option for mega menu.
Thanks,
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYou’re a genius thank you so much!!! The CSS worked a treat 😀
I’m going to have a play with the mega menu too.
Thanks so much for your help!
Karen
Hey Karen, you’re welcome glad I could help.
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.