Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 6, 2018 at 2:31 pm #1030398
    Wordpressed

    Hiya,

    Could you help me out and let me know how I can force the site’s menu to switch to the burger menu when iPad is in landscape orientation please?

    Right now the menu links cover the logo.

    Many thanks.

    November 7, 2018 at 9:32 am #1030751
    Rikard

    Hey WordPressed,

    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

    November 12, 2018 at 7:54 pm #1032718
    Wordpressed

    Thank you.

    I already had this in quick CSS, is it not the same thing?

    @media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

.av-burger-menu-main { 

display: block!important; 

}
    November 13, 2018 at 6:25 am #1032891
    Rikard

    Hi,

    No it’s not the same thing, please try the code I posted to see if works out for you or not.

    Best regards,
    Rikard

    November 13, 2018 at 10:34 am #1032923
    Wordpressed

    Hi Rikard,

    This code isn’t working, nor is the previous code I had by the look of it.

    Would you be kind enough to take a closer look?

    November 14, 2018 at 5:14 am #1033322
    Rikard

    Hi,

    Thanks for that, I see that you have active caching on the site. Please try to clear that and leave the plugin disabled. When to not use a caching plugin

    Best regards,
    Rikard

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