Hello, I tried using the code in the tutorial to fix my overlapping menu and logo in the header, but it didn’t work. COuld you advise what CSS to enter? Thank you!
Hey LaniBuess,
Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/
Custom CSS code is not being applied on your site at the moment. If you already added it, please create a temporary admin login and post it here privately.
Best regards,
Yigit
ok here is my login credentials thank you!
Hi,
The login credentials do not work. Please add the below CSS in Enfold > General Styling > Quick CSS
@media only screen and (max-width: 1166px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Vinay
ok that worked, thanks! one more question when the site loads on a mobile phone the H1 element always appears in caps, what kind of css can I add to fix that? I just want it to be Initial caps.
Thanks!
Hi,
The h1 looks fine to me if you still have issue would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
It only does it when loaded on a phone- the H1 element appears as all caps. I gave you the login information. Thanks!