Tagged: enfold, mobile menu, overlap, problem
Hi, I have a problem on my website. The logo on the page is “overlapping” the main menu.
I’ve turned the settings for showing the mobile menu on smartphone and tablet but is not enough.
I want to change the css rules from 989px to 1129px.
Can anyone tell me where are all the media queries that hide the desktop menu and show the mobile one?
Thanks.
Hi WEBCREATIVI!
Add this to your custom CSS.
@media screen and (max-width: 1129px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
Regards,
Elliott
Also #advanced_menu_hide { display: block; }
inside your media query. Many thanks. :)