Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 22, 2021 at 11:49 pm #1333802
    graememyburgh

    Hi

    I’m trying to get the mobile menu to show on i-pad portrait. I’ve tried the code below which hides the main menu fine on my i-pad pro portrait mode but does not show the mobile menu. NO menu at all shows. The mobile menu does show fine on my mobile phone.

    Have I got the code wrong?

    Thanks

    /* Hide menu ipad portrait */

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {
    nav.main_menu {
    display:none !important;
    }
    responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block !important;
    }

    }

    December 23, 2021 at 7:49 am #1333822
    Rikard

    Hey graememyburgh,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    The menu starts clashing with the logo just after 1140 pixels width.

    Best regards,
    Rikard

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