Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 29, 2019 at 5:03 am #1122619
    SilviaNT

    Hi,

    Is it possible to somehow set up an automatic system so that when the items in my menu reach the logo, the menu automatically goes to the burger menu?

    Some of my pages have short menus, whilst some are longer.

    See link below an example of one of my pages with a bigger menu. When viewing on iPad Pro (1024 x1366), the menu items show on top of the logo, which looks like a mess.

    • This topic was modified 5 years, 3 months ago by SilviaNT.
    July 29, 2019 at 6:34 pm #1122843
    Jordan Shannon

    Hey SilviaNT,

    You can go to the mobile menu sooner. 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;
  }
}

    Change the value 1024 to the pixel value of your choice.

    Best regards,
    Jordan Shannon

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