Tagged: breakpoint, Burger Menu, display
Hi,
how can I make the top level menu items not being displayed under logo ?
Take a look here : https://www.imt.fr/
Do I need to change the burger menu display breakpoint to achieve this ? And how to do it ?
Thanks,
Olivier.
Hey,
Please refer to this post – https://kriesi.at/documentation/enfold/menu/#burgermobile-menu-activation
Regards,
Yigit
Thanks,
I’ve tried this code, but it have no effects, the breakpoint is still at 990px :
@media only screen and (max-width: 1500px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}
Hey,
After making changes, please make sure flush cache and refresh your page a few times. If it still does not work, and if you have added custom CSS code, please check for any errors using this website – http://csslint.net/.
If none of the above helps, please create temporary admin logins and post them here privately so we can look into it :)
Best regards,
Yigit
Sorry, I had a CSS syntax error.
Now, it works.
Thanks a lot !
Hi,
Glad we could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit