Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 6, 2015 at 6:21 pm #407170
    Groeier!

    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

    March 7, 2015 at 1:23 pm #407461
    Ismael

    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

    March 9, 2015 at 12:00 pm #407982
    Groeier!

    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

    March 10, 2015 at 8:42 am #408662
    Ismael

    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

    March 10, 2015 at 11:30 am #408731
    Groeier!

    Thank you very much.
    Works perfectly!!

    Greets Jeen

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