Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 11, 2018 at 8:34 pm #1020474
    xuamox

    Hi,

    I have a website where the client is reporting that menu is overlapping the logo and no mobile menu is being displayed.

    I currently have the mobile menu to activate for smartphones and tablets, but that starts at 990px.

    I searched the forums and tried adding this code, but no luck

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

    How can we make the mobile menu display for iPad Pro?

    Thanks

    October 12, 2018 at 6:35 am #1020614
    Rikard

    Hey xuamox,

    Please try this 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

    August 23, 2019 at 3:30 am #1130168
    Gonzo1982

    I’ve been trying to do this on my iPad Pro 10.5 but it’s not changing.

    August 23, 2019 at 12:56 pm #1130329
    Rikard

    Hi Gonzo1982,

    Please open a new thread and include WordPress admin login details in private so that we can have a closer look at your site.

    Best regards,
    Rikard

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