Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2023 at 10:35 am #1424495
    ausgesonnen

    Hi there,
    its about this page:

    Home

    when the window is dragged to a smaller widths, the menu items overflow into a second and third row. Doesn’t look good. I would like the menu items to change to the burger menu before they overflow. Can you please advise me how to fix this?

    Best,
    Petra

    November 3, 2023 at 1:22 pm #1424548
    Rikard

    Hi Petra,

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

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

    November 3, 2023 at 3:09 pm #1424552
    ausgesonnen

    Yes thank you. Thats better

    November 3, 2023 at 5:16 pm #1424563
    Nikko

    Hi ausgesonnen,

    I’m glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu doesn’t switch to burger’ is closed to new replies.