Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2020 at 12:29 pm #1241817
    RainerKnappeOsteo24

    Hello,

    I set in Enfold Menu settings “Activate for Smartphones and Tablets (browser width below 990px)”.
    Now the customer wants the burger menu to be activated on even larger withs – maybe 1.200 or so.
    Sure there is some quick CSS to achieve that – can you help me?

    September 1, 2020 at 7:36 am #1242400
    Rikard

    Hey RainerKnappeOsteo24,

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

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

    September 1, 2020 at 6:26 pm #1242574
    RainerKnappeOsteo24

    Thank you Rikard, works perfectly.
    I wish I had some better knowledge about CSS ;)

    September 2, 2020 at 12:30 am #1242614
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Burger Menu should be visible on even larger screens’ is closed to new replies.