Tagged: mega menu
Hi, i would like to center the sub menu from mega menu, searching tru the forum but not working on latest enfold.
1. How can I make the sub menu showing center?
2. Can the sub menu bg became full width?
Hey skybutter99114,
Do you mean that you only want one columns in the mega menu? If so then I think it would be better to use the regular menu alternative and make it wider using CSS. If that is not what you are looking for then please post a screenshot highlighting your intentions and a link to where we can see the results you are currently getting.
Best regards,
Rikard
Hi, attached with the image on what i try to achieve.
Hi,
Thanks for the screenshot, could you post a link to where we can see the actual elements as well please? We need to inspect them in order to give you accurate CSS.
Best regards,
Rikard
Hi, here is the link for the demo setup. The submenu in “Our people”
Hi,
Thank you for the update.
This css should work but it may require a few adjustments on mobile view.
#header .avia_mega_div {
width: 100vw !important;
right: auto !important;
left: 0px !important;
position: fixed;
top: 150px;
}
#top #header .mega_menu_title a {
text-align: center;
}
Don’t forget to toggle the Performance > File Compression settings.
Best regards,
Ismael