Hi all,
I try to build a custom Mega-menu structure with columns displaying the main-menu links in one column vertically and the sub-menu links should be displayed in the the row of the main-menu links.
I manage to make the menu display all the items vertically but can’t find the exact class to make the sub-menu items appear next to the main-menu items.
Maybe someone has an idea to make this work.
Here is screenshot of what should be achieved:
https://s22.postimg.cc/uewuldnox/Menu_Mockup.png
Hey Kesselhut,
Thank you for using Enfold.
You can only display the mega menu as shown in the demo by default, but you can start with these css codes to alter the default style of the menu container.
#top #header .avia_mega_div .sub-menu li .sub-menu {
width: auto;
float: left;
clear: none;
top: 12px;
}
#top #header .avia_mega_div .sub-menu li .sub-menu li {
display: block;
float: left;
clear: none;
width: auto;
}
#header .mega_menu_title {
display: block;
float: left;
}
#header .avia_mega_div .units {
padding: 0;
margin: 0;
}
It may require a few adjustments.
Best regards,
Ismael
Hi Ismael,
i will give it a go later this evening and give you feedback.
Thanks for your answer
Henning
Hi Henning,
Thanks for the feedback, please let us know if you have any luck with the code or not.
Best regards,
Rikard
I’m sorry, I won’t do the trick.
Maybe I have to test out some Menu-Plugins to customize the menu.
I heard that Uber-Menu is very powerful…do you have any experiences with that plugin?
Best regards,
Henning
Hi Henning,
We have some users using it.
Happy exploring the plugin and hopefully you can build what you need :)
If you need further assistance please let us know.
Best regards,
Victoria
Topic can be closed,
Thanks!
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon