Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1170808

    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

    #1170905

    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

    #1170976

    Hey Rikard,

    thank you so much! It is working :-)

    Best regards,

    Sven

    #1171166

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘menu overlays the logo’ is closed to new replies.