Hi, I’ve updated the logo and now it overlaps the navigation when you narrow the pane – quite a lot.
Please can you advise what I need to amend or add to custom css so that it doesn’t overlap.
I already have some custom css in place for various things, which I’m copying below as it may be that there’s something in there already which needs tweaking.
Hi andrea,
Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu earlier:
@media only screen and (max-width: 1130px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
Thanks,
Rikard
Perfect, thank you for that.
Hi,
When I change the code above to 600px, this does not work.
Is there something else interfering? I cannot find it in the css.
Thanks in advance,
Sara
Hi,
Found a solution that works for me:
I changed the settings: http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/