Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 23, 2024 at 7:48 pm #1435247
    Nihru

    Dear team,

    we still have the problem that on smaller screens (-> 15” laptop) the menu buttons overlap the logo.
    The screens that have this problem are a bit bigger than the installed tabled size.
    Could you please give me a css code that says, on screens which are bigger than the tabled size it should move to the mobile / tablet burger menu?
    Unfortunately I can’t tell you the exact dimensions for the screens but maybe you can find it out?

    Thanks for your help!

    February 24, 2024 at 3:24 pm #1435292
    Rikard

    Hey Nihru,

    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 change the 1024 value to the pixel value of your choice.

    Best regards,
    Rikard

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