-
Author
-
December 14, 2017 at 21:36 #183048Conscious CraftiesParticipant
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.December 15, 2017 at 00:15 #183071Kieran_SQModeratorHi,
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 solutionIf 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.December 15, 2017 at 00:36 #183075Conscious CraftiesParticipantYou’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
December 15, 2017 at 00:37 #183076Kieran_SQModeratorHey 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 solutionIf 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.
-
AuthorPosts
You must be logged in to reply to this topic.