Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 19, 2023 at 4:59 pm #1413731
    Sandy

    Enfold has a feature to provide two options for when the mobile menu replaces the default wider menu:
    – Activate only for smartphones (browser width below 768 px)
    – Activate for smartphones and tablets (browser width below 990 px)

    Is it possible to customize the px number to, for example, 1080px?

    July 19, 2023 at 8:41 pm #1413754
    Rikard

    Hey Tanja,

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

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

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