Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 6, 2020 at 6:02 pm #1250898
    caleighdemien

    Hi. I am attempting to have the hamburger menu appear for the tablet size (max-width: 1084px) because the menu runs into the logo currently. I cannot find the code in the files to change it and I do not know how to properly code this in Quick CSS.

    Also, I would like to have the hamburger menu go under the logo on the mobile size (max-width: 320px). Right now, the hamburger menu, search, and ‘add to cart’ run into the logo on a 320×568 screen.

    Please get back to me asap. This is not a live site. I am building it on Local.

    October 7, 2020 at 5:51 am #1251021
    Nikko

    Hey caleighdemien,

    Please try adding this CSS code in Quick CSS:

    @media only screen and (max-width:1084px) {
  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }
}

@media only screen and (max-width:320px) {
  .responsive #top #wrap_all .main_menu {
    position: static;
  }
}

    Best regards,
    Nikko

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