Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 24, 2017 at 7:25 pm #868346
    dillionline

    Hey ENFOLD Team,

    how to ” activate the Header Burger/Mobile Menuover 990px for big navigations”?

    I have an OLD CODE, that´s no longer working in ENFOLD 4.1.2:

    /*Header Mobile Menu activation over 990px for big navigations*/
    @media only screen and (max-width: 1080px) {
    nav.main_menu {
    display:none !important;
    }
    #advanced_menu_toggle, #advanced_menu_hide {
    display:block !important;
    }
    }

    What do I have to change?

    October 26, 2017 at 6:58 pm #869289
    Basilis

    Hey dillionline,

    can you show us our web site, where you have added that?

    Best regards,
    Basilis

    October 27, 2017 at 1:13 pm #869536
    dillionline

    Hey,

    see private content. When you resize the brwoser window, you can see that the main nav is disappearing and no mobil nav is appearing. Thats the Bug/Problem since ENFOLD 4.1.2

    October 29, 2017 at 11:26 pm #870255
    Mike

    Hi,
    Please try updating to v4.2 and remove all of your past code for the menu issue. it is no longer needed.

    Best regards,
    Mike

    November 1, 2017 at 1:47 pm #871214
    dillionline

    Hi,

    System ist updated (WP 4.8.3, ENFOLD 4.2).

    See Screenshot: http://www.martin-dillschneider.de/projekte/enfold_990px_mobile_menu_error.jpg

    I need to set another breakpoint for the big navigation. How can I do this with the new mobile menu in ENFOLD 4.2?

    November 4, 2017 at 4:43 am #872382
    Ismael

    Hi,

    I think you provided the wrong url to the site. The screenshot is different from the actual website above.

    Best regards,
    Ismael

    November 4, 2017 at 11:37 pm #872632
    dillionline

    Hey,

    the first Site is fixed.
    On this site I still have the problem:
    Screenshot:
    http://www.martin-dillschneider.de/projekte/enfold_990px_mobile_menu_error.jpg

    November 5, 2017 at 4:52 pm #872770
    Mike

    Hi,
    Do you have this setting: Enfold Theme Options > Main Menu > Menu Items for mobile > Activate for Smartphones and Tablets (browser width below 990px)
    We can change the burger menu to activate at 1024px with this code:

    @media only screen and (max-width: 1024px) {
.av-burger-menu-main { 
     display: block!important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none!important;
}}

    Best regards,
    Mike

    November 6, 2017 at 6:27 pm #873250
    dillionline

    That´s all I need. Perfect. Thank You!

    Closed.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header Burger Menu activation over 990px for big navigations in ENFOLD 412’ is closed to new replies.