Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 1, 2018 at 6:35 pm #1028929
    Courtney

    Hi guys!

    How do I make the mobile menu show up sooner? The main nav. looks messy on iPad cause it’s not switching to mobile menu soon enough.

    Thank you in advance

    November 2, 2018 at 7:02 am #1029046
    Rikard

    Hey Courtney,

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

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

    You can adjust the pixels value in the media query if you would like the break at a different width.

    Best regards,
    Rikard

    November 5, 2018 at 6:12 pm #1029979
    Courtney

    Great! Thank you so much!

    November 5, 2018 at 7:32 pm #1030010
    Jordan Shannon

    Hi,

    I’m glad this was resolved. 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 ‘Make main navigation go to mobile menu sooner’ is closed to new replies.