Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 15, 2019 at 10:06 pm #1118969
    FDF

    Hi,

    Is there anyway to ensure the main menu displays as per a mobile device (condensed) on a tablet. It’s currently displaying the full menu which overlaps the logo looking very untidy. I’ve changed the settings in Theme Options / Menu to ensure ‘Menu Items For Mobile’ is selected to Mobiles and Tablets but it doesn’t seem to have worked.

    Equally, the very top of each page is hidden under the header (about half of each pages main picture is hidden). This is only an issue on a tablet (iPad) and works properly with a mobile and desktop device.

    Thanks very much,

    Tim

    Website: http://www.flightdeckfriend.com

    July 16, 2019 at 8:04 am #1119071
    Rikard

    Hi Tim,

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

    @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

    July 16, 2019 at 2:13 pm #1119151
    FDF

    Hi Rikard,

    That has worked perfectly, many thanks indeed.

    Kind Regards,

    Tim

    • This reply was modified 5 years ago by FDF.
    July 17, 2019 at 5:21 am #1119382
    Rikard

    Hi Tim,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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