Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1302222

    Hello,
    as this website is having a rather wide menu , ive used this code to get a burger menu on tablets smaller than 1310px.

    @media only screen and (max-width: 1310px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none !important;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block !important;
      }
    }

    but as you can see its appearing
    1. twice (not on a mobile, but on a tablet it is)
    2. at the left side, i want it to display on the right side.

    whats going wrong here? best regards, jelle

    • This topic was modified 3 years, 6 months ago by yampieters.
    #1302523

    Hey jelle,

    Please try this CSS as well:

    @media only screen and (max-width: 1310px) {
    #header_main_alternate li.av-burger-menu-main {
      display: none; 
    }
    .av_menu_left .main_menu {
        left: auto;
        right: 0;
    }
    }

    Best regards,
    Rikard

    #1302543

    hi rikard, thanks.. but the problem is still there…

    best regards, jelle

    #1302909

    Hi,

    Thanks for the update. The login details you posted are not working, please check and verify.

    FOUT: Ongeldige gebruikersnaam of wachtwoord.

    Best regards,
    Rikard

    #1302940

    hello rikard

    #1303129

    Hi,

    Thanks for that. I’ve adjusted the CSS for you, and it’s applying to your site now.

    Best regards,
    Rikard

    #1303144

    great, Rikard!
    thanks, you can close this ticket now
    best regards, jelle

    #1303302

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘burger menu odd behaviour’ is closed to new replies.