Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #252930

    Hi, is it possible to force the mobile flyout menu on a larger resolution?

    #253365

    Hi nguyen51!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px

    Best regards,
    Yigit

    #254381

    How about if I wanted to have it be bigger than 990px? For instance on desktop resolutions?

    #254521

    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

    #256285

    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?

    #256297

    Hi!

    Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    #256328

    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;}
    
    }
    #256572

    Hey!

    Great! Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile Menu for All Size Resolutions’ is closed to new replies.