Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 10, 2021 at 12:03 pm #1305058
    aabeve

    Hello, I don’t get a hamburger menu for our website on a tablet (iPad) , despite the following in quick css:

    /* Activate burger menu */
    @media only screen and (max-width: 960px) {
    #top #header .av-main-nav > li.menu-item {
    display: none!important;
    }
    #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
    }}
    @media only screen and (min-width: 720px) {
    .container_wrap.sidebar_right:before {
    content: ”;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    background: #f2f2f2;
    height: 100%;
    width: calc(30%);
    }
    }

    What’s going wrong?
    Best regards,
    Henk

    • This topic was modified 3 years, 5 months ago by aabeve.
    June 12, 2021 at 4:01 am #1305335
    Rikard

    Hey Henk,

    Please try this CSS instead:

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

    June 12, 2021 at 12:20 pm #1305401
    aabeve

    Hello Rikard,
    That doesn’t make any difference.

    Best regards,
    Henk

    June 14, 2021 at 8:07 am #1305543
    Rikard

    Hi,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    June 14, 2021 at 8:30 am #1305549
    aabeve
    This reply has been marked as private.
    June 15, 2021 at 9:52 am #1305748
    Rikard

    Hi,

    Thanks for that. It works as expected when I’m logged in, but not when logged out. Do you caching being applied to the site maybe?

    Best regards,
    Rikard

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