Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2017 at 6:57 pm #837989
    c3idesign

    Burger menu doesn’t display on ipad landscape – I’ve tried solutions listed here, but none have fixed the problem.

    August 13, 2017 at 10:54 pm #838371
    Nikko

    Hey c3idesign,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    August 14, 2017 at 2:42 am #838399
    c3idesign

    Nope, still doesn’t work on ipad.

    When I resize my browser, there is a small range where the regular menu disappears, and there is no menu, before the burger displays.

    I have attached links to 3 screen shots.

    smallest screen where full menu displays – http://www.c3idesign.com/obr_screens/full_menu.png
    smallest screen where full menu displays – http://www.c3idesign.com/obr_screens/full_menu.png
    smallest screen where full menu displays – http://www.c3idesign.com/obr_screens/full_menu.png

    Also, here is a screen shot of the ipad:

    http://www.c3idesign.com/obr_screens/ipad.png

    August 14, 2017 at 2:02 pm #838642
    Victoria

    Hi c3idesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .menu-item {
    display: none;
  }
  nav.main_menu {
    display: block !important;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 15, 2017 at 9:25 pm #839585
    c3idesign

    That worked, but is there a reason that the menu won’t display? Is it too large?

    August 16, 2017 at 7:56 am #839751
    Rikard

    Hi,

    I’m not sure if I’m missing something here, but your mobile menu is showing fine on my end when checking in Chrome. Did you make sure to clear your browser cache after adding the CSS that Victoria gave you?

    Best regards,
    Rikard

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