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

    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

    #1119071

    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

    #1119151

    Hi Rikard,

    That has worked perfectly, many thanks indeed.

    Kind Regards,

    Tim

    • This reply was modified 1 year, 4 months ago by  FDF.
    #1119382

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.