Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 13, 2021 at 9:30 pm #1288053
    rmatus

    Is there a way to switch to the burger menu at 1200px?

    March 13, 2021 at 11:02 pm #1288058
    rmatus

    Found my own answer. Posting for anyone else who needs it:

    /* Transparent Header For Mobile */
    @media only screen and (max-width: 1200px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
    .responsive #top #wrap_all #header { position: absolute; }
    }

    /* Burger Menu at 1200px for iPad */
    @media only screen and (max-width: 1200px) {
    .menu-item {
    display: none!important;
    }
    .main_menu {
    display: block !important;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block!important;
    }
    }
    /* END Burger Menu at 1200 px */

    March 15, 2021 at 7:46 am #1288202
    Nikko

    Hi rmatus,

    We’re glad that you were able to fix this by yourself :)
    I just want to add, basically to improve the code a bit and avoid using !important:

    /* Burger Menu at 1200px for iPad */
@media only screen and (max-width: 1200px) {
  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }
}
/* END Burger Menu at 1200 px */

    Hope this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.