Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 12, 2017 at 8:54 am #837805
    felipe-mello

    Hello Kriesi team.
    I’m having a problem with the mobile menu when i open my website in my Ipad2 retina in landscape. It’s not showing.
    In portrait it is showing.
    The website is http://www.grupofour.com.br and I’m runing Enfold 4.1.2.

    August 13, 2017 at 6:33 am #838143
    Rikard

    Hey Felipe,

    It’s loading fine on my end when checking in Chrome, could you try to clear your browser cache and reload or try a different browser please?

    Best regards,
    Rikard

    August 14, 2017 at 8:47 pm #838939
    felipe-mello

    Thanks for the help, Rikard.
    I tried Chrome and the mobile menu is still not showing on it.
    But i tried the Ipad Chrome. In my desktop browsers everything is ok, with Safari or Chrome.

    I forgot to say that i’m using Live Chat plugin and to use it, i had to write a code in footer.php file.
    I’m also using an Enfold child page, Yoast SEO, Contact Form7 and WordPress Importer plugins.

    A month ago, everything was ok with the website and the mobile menu.
    This problem appeared after i have uploaded the test website into the real domain.
    I will uninstall all plugins and remove the code from footer.php to see if everything goes fine again.

    August 14, 2017 at 8:53 pm #838943
    felipe-mello

    Rikard, I’m using a lot of Quick CSS in my website.
    Do you thing that could be some CSS causing this problem?
    Do you want to see all the CSS i’m using or you already have access to it?

    Best regards,
    Felipe.

    August 15, 2017 at 10:16 am #839151
    Rikard

    Hi Felipe,

    Thanks for the feedback. I read your question again and I realised that it’s the default behaviour of the mobile menu. The break point is 990 pixels and the width of an ipad in landscape is 1024, so it’s working as it should. Do you want to change the breakpoint?

    Best regards,
    Rikard

    August 15, 2017 at 9:08 pm #839579
    felipe-mello

    Hi, Rikard.
    Yes, i want.
    I also tested in my Ipad (old one) and the mobile menu is still not showing.

    My concern is if I will always have this problem on my other websites, cause I always use Enfold theme in them.
    Or maybe it’s a problem of wrong configuration in some place of mine.
    Do i need to insert some CSS in all of them?

    This Enfold new version has an new area called “Main Menu”.
    I don’t know if i’m doing something wrong there.

    So, Rikard, I would like the mobile menu to appear for all resolutions equal or below the ipad 2 retina.

    And, man… thanks a lot for this help.
    You guys are great and that’s one of the reasons why I always use Enfold.

    Best regards,
    Felipe.

    August 16, 2017 at 7:47 am #839743
    Rikard

    Hi Felipe,

    Yes, you would have to add this CSS to all your sites if you want to alter the default behaviour which is that the mobile menu is visible at 990 pixels and below. Could you try this in Quick CSS to see if it works out for you?

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

    Best regards,
    Rikard

    August 17, 2017 at 6:51 am #840256
    felipe-mello

    Hi, Rikard.
    Tried your CSS but didn’t work.
    Also tried to disable my plugins and remove the Live Chat code from footer.php but didn’t work.
    I’m using this CSS for IpadAir2 (I’ve cleaned it when i tested your CSS):

    /* ipad air2 horizontal */
    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
    nav.main_menu { display: none !important; }
    #advanced_menu_toggle { display: block !important; }
    }

    I also tried all this CSS to block the mobile menu and make it appear, but nothing happened:
    .responsive.html_mobile_menu_tablet .av-burger-menu-main { display: block !important; }
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a { display: block !important; }
    li.av-burger-menu-main.menu-item-avia-special { display: block !important; }

    Why does the mobile menu appears in portrait mode but don’t in landscape mode on my IpadAir2 and Ipad2?

    August 18, 2017 at 3:38 am #840710
    felipe-mello

    Hi, Rikard.
    I read several posts about this issue and i believe it’s a bug in the new version of Enfold, isn’t it?
    I have seen many users with the same problem.
    I tried a lot of possible solutions but none of them worked.

    Any other idea?

    Best regards.

    August 18, 2017 at 3:38 pm #840904
    Victoria

    Hi felipe-mello,

    This code is incorrect. The new menu does not have this #advanced_menu_toggle. If you still have it, it means the files were not overwritten properly and you need to reinstall the new version via FTP. The code below in dynamic avia is wrong. Please remove it.

    Here is the code for you:

    
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  nav.main_menu {
    display: block !important;
}
.menu-item {
  display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

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

    August 18, 2017 at 8:33 pm #841022
    felipe-mello

    Yeeeeeeeeesssssssss!!!!! It worked!
    Victoria, thank you so much!
    I was very worried about this issue. I use Enfold with all my clients.
    And I tried so many different CSS for the mobile menu.

    I think the secret was to discover the right ID/Class/CSS to block the menu.
    But I’ve never tried this CSS, “nav.main_menu { display: block !important; }”.

    Kriesi team, thanks a lot for this solution.
    Victoria and Rikard!!!

    You can close this topic!!!

    Best Regards!
    Felipe.

    August 19, 2017 at 8:21 am #841195
    Rikard

    Hi Felipe,

    Great, glad Victoria could get you the right code for you problem :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mobile Menu Not Showing on iPad2 Retina Landscape’ is closed to new replies.