Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2017 at 5:41 pm #829711
    connect4consulting

    Hi,

    What’s the correct code for hiding the main menu and showing the burger menu at different mobile stops?

    Thanks a ton!

    July 25, 2017 at 5:54 pm #829721
    Jordan Shannon

    Hey connect4consulting,

    Add the following to quick css:

    @media only screen and (max-width: 1024px) {
.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;}
}

    Adjust the max-width as you need to.

    Best regards,
    Jordan Shannon

    July 25, 2017 at 6:01 pm #829727
    connect4consulting

    Thanks Jordan.
    But now the burger icon doesn’t display when I’m using the browser developer tool…

    July 25, 2017 at 6:08 pm #829729
    Jordan Shannon

    Hi,

    Is it not showing at a certain resolution, and is it showing on the actual live site outside of the browser developer tool?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.