Hi guys,
I’m using megamenu on my site but I’d like to have my sublevels not so wide and centered in my boxed layout.
I worked with CSS but it seems to be so difficult to do it manteinig responsivness.
I also searched in your forum and found this one but it doesn’t fit to me. https://kriesi.at/support/topic/megamenu-center-submenu/
Please, help.
Stefano
Hey Stefano!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_mega_div.avia_mega1.three.units {
width: 200px!important;
}
.avia_mega_div.avia_mega2.six.units {
width: 460px!important;
}
Regards,
Yigit
Hi Yigit,
thank you very much for your answer but as you can see by the link I provided it doesn’t work.
If you roll-hover my menu you can see that under “WOMAN” and “MAN” the sublevel it’s almost (but not perfectly) centerd.
I gave my
#header .twelve.units, #header .six.units {
width: 1050px!important;
}
but it doesn’t work with “DOG”.
Stefano
Hey!
please use this code to only customize the DOG submenu:
#menu-item-636 span.mega_menu_title.heading-color.av-special-font {
margin-left: -20px;
}
Adjust as needed.
Best regards,
Andy
Hi!
Try adding this.
#top #header .sub-menu { max-width: 100% !important; }
But keep in mind that if you do this then you are limiting how large you can have the menus. Also the 3rd level and deeper menus will have issues.
Regards,
Elliott