Hi, is it possible to force the mobile flyout menu on a larger resolution?
Hi nguyen51!
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px
Best regards,
Yigit
How about if I wanted to have it be bigger than 990px? For instance on desktop resolutions?
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#advanced_menu_toggle, #advanced_menu_hide { display: block !important; }
.main_menu { display: none !important; }
Cheers!
Yigit
Hey, so the toggle menu shows up, but when it’s above 990px the menu doesn’t show up on top of the content and everything is thrown off. Is there something else I need to change?
Hi!
So I think I figured it out, I had to change the following to be a resolution above 990px:
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}