Tagged: logo, NAV, navigation, overlap
Hi.
I’m working on this site: http://austinholisticfitness.com/
I had the header originally layed out with the logo left, menu right and it fit nicely.
The problem is that on smaller screens (or when I shrink my browser window) the nav and logo overlap. Can you please let me know what code to add to resolve this?
Thanks,
Liz
Hi Liz!
Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Regards,
Yigit
I tried both of those things. Any other ideas?
Hi!
Can you please create a temporary admin login and post it here privately so we cans switch logo and menu positions and check the issue? :)
Best regards,
Yigit
Here is your login.
Hi!
I added following code to Style.css file of your child theme (same code from the second link i posted above, just changed screensize)
@media only screen and (max-width: 1300px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}
Please review your website now.
Best regards,
Yigit