Folks,
I realize that i’ve broken the theme a bit by having a logo that is larger then recommended and increased the font size of the first menu item.
That admission out of the way, how to i force the change over to the phone layout earlier when the desktop browser window is narrowed so that the menu never floats over the logo?
Thank you very much
The site is located at psptest.felinesoulsystems.com
Hi Bearcat!
You can activate the mobile menu at an earlier point by setting the Header Mobile Menu activation setting to Activate for smart phones and tablets under Enfold–>Header–>Mobile Menu.
If you need a custom value then please use the following CSS:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Adjust the value 1024 to fit your needs.
Regards,
Rikard