Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1020474


    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?



    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;
      } {
        display: block;

    Best regards,


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


    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,

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