Tagged: mobile menu, Responsive Menu
Hello!
First of all, great theme! My team and I love it.
My menu is running into my logo when I am transitioning to a smaller window, so I would like the menu to break into the mobile menu sooner. Can you point me in the right direction to accomplish this? I would like it to break at 950px. Thanks you!
Hi jesseaborden,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 950px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Regards,
Rikard
Thanks for your reply. It seems now the menu dropdown is not working. Also, the menu button does not have the white background layer. Thanks again for your help!
Hi!
Try with this code instead:
@media only screen and (max-width: 989px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}
Cheers!
Josue
That looks like it did it! Thanks!
You are welcome, glad to help :)
Regards,
Josue