Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 15, 2017 at 10:04 am #852441
    Martin_Vinar

    Hello,
    Firstly I would like to thank you for developing best WP theme I have ever seen! :-)
    Please, can you help me how to set the mobile menu for the resolution 1024×768 and smaller?
    This is my web:

    Home

    The main problem is that I have 7 menu items + language flag + social icons.
    If the visitor has an old monitor with the resolution 1024×768, some menu items interfere with the logo on the left.
    Thank you very much.
    Martin.

    September 16, 2017 at 7:07 am #852827
    Rikard

    Hey Martin_Vinar,

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

    @media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  nav.main_menu {
    display: block !important;
}
.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.