Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 3, 2015 at 10:16 am #467886
    enzowillemstad

    Hey. Enfold is the best!

    When I visit the website I’m building on an iPhone 6 Plus the mobile menu is always visible next to the website on the right. The website seems to be showing correctly, but I can scroll horizontally to see the menu.
    When I press the hamburger button to show the menu and close it again. It’s not visible on the right anymore and verything is as it should be. But loading a new page the menu is back on the right side.

    Are you guys aware of this bug? Is there a fix?

    I’m running WordPress 4.2.2 with Enfold 3.2.2

    EDIT: This is also the case on an iPhone 6

    July 6, 2015 at 5:17 am #468649
    Rikard

    Hey enzowillemstad!

    It looks fine on my end using an iphone4, could you provide us with a screenshot of what you are seeing on your end please?

    Best regards,
    Rikard

    July 6, 2015 at 10:16 am #468751
    enzowillemstad

    2 screenshots.
    1. You can see the horizontal scrollbar on the bottom. A Smartphone user usually doesn’t swipe perfectly vertical on the screen. so the menu on the right side of the website is shown while scrolling.
    http://www.lekkerorigineel.nl/screenshots/IMG_7070.PNG

    2. This is what users see when scrollen to the left. The full mobile menu next to website.
    http://www.lekkerorigineel.nl/screenshots/IMG_7071.PNG

    These screenshots are made on a iPhone 6 Plus. It also happens on an iPhone 6.

    July 6, 2015 at 3:52 pm #469033
    Elliott

    Hey!

    Try completely deleting Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest. This will ensure all files are updated and not corrupted.

    That should fix it but if it does not then try adding this to your custom CSS.

    @media screen and (max-width: 767px) {
#wrap_all { position: relative !important; }
}

    Regards,
    Elliott

    July 6, 2015 at 4:03 pm #469045
    enzowillemstad

    Does it perhaps has anything to do with the custom code you guys provided during one of my earlier requests?

    @media only screen and (max-width: 1175px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
.hide-mobile{ display: none; }}

@media only screen and (max-width: 1300px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
 width: 100% !important;
 max-width: 100% !important;
}}

    When I completely delete the enfold folder, Do I lose everything I changed? and all settings?
    Or Is coping the custom css section and export the enfold theme settings enough to backup the style?

    July 6, 2015 at 4:06 pm #469054
    Yigit

    Hi!

    Yes, it looks like that custom CSS code is the cause of the issue. Please add the code Elliott posted here – https://kriesi.at/support/topic/mobile-menu-always-visible-on-the-right-of-website-iphone-6-plus/#post-469033

    Cheers!
    Yigit

    July 6, 2015 at 4:06 pm #469055
    enzowillemstad

    I can see that adding the custom code you provided already fixed the problem: @media screen and (max-width: 767px) {#wrap_all { position: relative !important; }}

    So I don’t need to reinstall enfold.
    Thanks!

    July 6, 2015 at 4:08 pm #469056
    enzowillemstad

    Thanks for the awesome support!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile menu always visible on the right of website (iPhone 6 plus)’ is closed to new replies.