Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2022 at 12:58 pm #1351667
    Loveronika

    Hi,
    how can I change the ‘breaking point’ from the normal menu into mobile menu?
    The menu looks o.k. on desktop, but starts going into the logo at about tablet size somewhere. I would like to set the mobile menu earlier. How can I do it?
    Cheers,
    Veronika

    May 13, 2022 at 6:33 pm #1351691
    Rikard

    Hey Loveronika,

    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 1024 value to your preferred pixel value.

    Best regards,
    Rikard

    May 16, 2022 at 12:17 pm #1351925
    Loveronika

    Thanks a lot!
    You can close the ticket.
    Kind regards

    May 16, 2022 at 12:44 pm #1351939
    Rikard

    Hi,

    Great, thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Breaking point from normal menu into mobile menu’ is closed to new replies.