Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 4, 2026 at 4:28 pm #1494691
    Ad-Min747

    Hi Folks,
    I have a main menu with 8 items.
    While checking the website responsiveness, my 2 left menu items are overlapping the logo area, thus becoming unreadable/unusable.

    Do I have a mean either to switch to mobile menu earlier in order to avoid it?

    Thanks
    Best regards.
    777

    February 4, 2026 at 7:27 pm #1494705
    Rikard

    Hey Ad-Min747,

    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;
  }
}

    Best regards,
    Rikard

    February 5, 2026 at 6:30 pm #1494764
    Ad-Min747

    Hi Rikard,
    worked, thanks.
    (I’ve put 1180 as 1024 wasn’t enough)

    Thanks again.
    Best

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Switch to Mobile Menu earlier’ is closed to new replies.