Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 6, 2020 at 6:13 pm #1170808
    Videmi

    Dear support-team,

    I searched a lot in your forum but didn’t get a good solution. I would like to change just the menu to the mobile version earlier than the 990px. I tried this code:

    @media only screen and (max-width: 1250px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
    }

    with a semi-good effect. The main menu disappeared as suggested but I lost my mobile menu. I tried to add “nav-menu-mobile {display: block !important;}” but without an effect.

    Could you help me by giving a CSS code where I can break to the mobile menu version at 1250px?

    Thank you very much!

    Sven

    January 7, 2020 at 5:30 am #1170905
    Rikard

    Hi Sven,

    Please try this instead:

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

    January 7, 2020 at 10:13 am #1170976
    Videmi

    Hey Rikard,

    thank you so much! It is working :-)

    Best regards,

    Sven

    January 7, 2020 at 7:46 pm #1171166
    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 ‘menu overlays the logo’ is closed to new replies.