Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #407170

    Hello,

    I’ve installed version 3.0.8 of the theme.
    I want to let the mobile menu show sooner. I’m using a child theme so I need a child theme solution.

    With this css code (from this forum) i can show/hide the mobile menu on a certain px:
    @media only screen and (max-width: 1215px)
    {
    nav.main_menu { display: none !important; }
    #advanced_menu_toggle { display: block !important; }
    }

    That works but when I push the button it doesnt show up.

    Can you explain me how to change the moment the mobile menu shows up?

    I’ve tried above on http://www.karstenbouw.nl

    Greets Jeen

    #407461

    Hi Groeier!!

    Thank you for using Enfold.

    You can set the Header Mobile Menu activation settings to 990px on Enfold > Header > Mobile Menu panel.

    Cheers!
    Ismael

    #407982

    Hoi Ismael,

    Thanks for the message. I’m already using that option, but how can I change the 990px to for example 1100px

    Greets Jeen

    #408662

    Hey!

    Add this to the Quick CSS field:

    @media only screen and (max-width: 1100px) {
    .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
    display: block;
    }
    
    .responsive .av_mobile_menu_tablet .main_menu {
    display: none;
    }
    
    .html_mobile_menu_tablet #mobile-advanced {
    display: block;
    }}
    

    Best regards,
    Ismael

    #408731

    Thank you very much.
    Works perfectly!!

    Greets Jeen

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change switchWidth on version 3.0.8’ is closed to new replies.