Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 12, 2018 at 8:18 pm #1044464
    jgdoyle1

    Hello,

    What is the script for adjusting the Burger Menu icon visibility? Currently my setting is “Activate for Smartphones and Tablets (browser width below 990px)”. I would like to activate the burger menu icon at a larger screen size. For example at 1100 pixels. My logo is very long and there are several menu items. When the tablet screen is viewed the menu items run over the logo.

    Thank you!
    John

    December 13, 2018 at 12:49 pm #1044864
    Rikard

    Hi John,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    December 13, 2018 at 7:52 pm #1044997
    jgdoyle1

    Perfect! Thank you so much. You guys always come through. – John

    December 13, 2018 at 8:42 pm #1045020
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Burger Menu – adjust when it becomes visible’ is closed to new replies.