Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 8, 2018 at 5:16 pm #995081
    brandaspect

    Hi,

    I’d like to set a max-width for the menu before it turns into the mobile burger menu. At present we have quite a few menu items and when the width is reduced in a responsive mode, the menu goes over the logo. I’d like to set it so it’s below 1130px.

    August 9, 2018 at 5:19 am #995229
    Rikard

    Hey brandaspect,

    If you want to activate the mobile menu at an earlier point then please try this in Quick CSS:

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

    August 9, 2018 at 12:27 pm #995419
    brandaspect

    Thank you for that, that’s exactly what I needed :)

    August 9, 2018 at 12:30 pm #995421
    Yigit

    Hi,

    Glad Rikard could help!

    You can find more information and customizations on Enfold documentation – https://kriesi.at/documentation/enfold/menu/

    If you have any other questions or issues, please let us know!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Setting the Max-width for the menu for desktops’ is closed to new replies.