Burger menu in horizontal tablet

Hey 4EPIU,

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

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

@media only screen and (max-width: 1300px) {
#top #header .av-main-nav > li#menu-item-search.menu-item {
    display: block!important;
}}

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Best regards,
Yigit