Tagged: enfold, main-menu, menu, sidebar, widget area
Hi,
Is it possible to create a dropdown menu in the advanced layout builder -> widget area
My client needs a dropdown menu, there are too many subpages so the list is too big without a dropdown option.
Any help is greatly appreciated, thanks!
Kind regards,
Sebastiaan
Hey sebastiaan,
I think the best way is to use the fullwidth submenu however if that isn’t possible in your case then maybe you can use Navigation Menu widget for it.
Then add this in Quick CSS:
#top .widget_nav_menu .sub-menu {
display: none;
}
#top .widget_nav_menu li:hover > .sub-menu {
display: block;
}
Hope this helps.
Best regards,
Nikko
Hi @nikko,
Thank you for the prompt reply, I appreciate it! I have indeed hidden the top header menu and I am using the main menu nu vertically with the Navigation Menu widget. But at the moment all pages and subpages are listed. It is important that the menu is shown as a dropdown (expand on click) with the possibility to show only the pages and show the subpages only onclick or hover just like the normal main menu. I hope you understand what I am trying to achieve.
Thanks again for your help!
Kind regards Sebastiaan.
Hi @Nikko,
Sorry, I just checked the CSS again without the cache and your solution is exactly what I needed :-)
Thanks you so much! You can close the topic.
Kind regards,
Sebastiaan
Hi sebastiaan,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko