Reducing height of main menu navigation options

[Conscious Crafties]

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

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

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 solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[Conscious Crafties]

You’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

[Kieran_SQ]

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts