Hi!
I know there’s a few threads about this already, but none of the custom CSS worked for me.
Site: http://spiritplantjourneys.org/
Problem: The logo overlaps the menu on tablet sized views. Then re sizes for mobile. How can I make it look good on tablets too?
Hi @neilspool ;
this topic may help you.
Hi,
@begrafiks thanks for sharing the tip.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 1330px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Vinay
Thanks! I added that code to the quick CSS section and it still performs the same. Do I need to add it to the actual sheet?
Hi!
I can see you have cache active.
Can you please disable it and give it a try?
We would appreciate it a lot
Regards,
Basilis
AH! The cache, it’s always the cache. It’s working perfectly! Thanks.
Hey!
No worries, happy we helped!
Please do keep in mind to remove / clear it for other times!
Cheers!
Regards,
Basilis
Hey Basilis,
This custom CSS stopped working at the most recent WordPress updates. Is there any way I can get this functionality back?
Hi!
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/
Cheers!
Yigit