When I shrink the screen down on my PC the logo covers up the first two or three menu items, before it switches to the mobile menu. On an iPad, the logo covers up the first menu item. I’ve looked through the forum for solutions and have pasted various CSS code snippets suggested, in the Quick styling, but nothing worked. Any ideas ? Here is the website; http://appwarelabs.com/janetstewartrealestate thanks!
Hi bibbitybop!
Can we please do check the CSS snippet you tried?
Best regards,
Basilis
Below is a thread where I tried some of the suggestions in the Quick CSS box. But maybe I’m doing it wrong. Thanks.
https://kriesi.at/support/topic/menu-overlapping-logo-when-resizing-browser-window/
Hi,
Please try the following to activate the mobile menu earlier:
@media only screen and (max-width: 1200px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Rikard
Works Perfectly ! Thank-you. I do have an issue with the mobile menu but I’ll open a separate thread for that.