When the site resizes, the menu overlaps my logo.
I have read this file (http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/) and made the suggested edits, but no luck?
Can you please help?
Hey chantalinkdesign!
You can set the mobile menu to activate for tablets in Dashboard > Enfold > Header > Mobile menu.
If that is not enough then add this to your custom CSS.
@media screen and (max-width: 1200px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
And play around with the 1200px.
Regards,
Elliott