![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: enfold, mobile menu
-
AuthorPosts
-
July 3, 2015 at 10:16 am #467886
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
-
This topic was modified 9 years, 2 months ago by
enzowillemstad.
July 6, 2015 at 5:17 am #468649Hey 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,
RikardJuly 6, 2015 at 10:16 am #4687512 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.PNG2. This is what users see when scrollen to the left. The full mobile menu next to website.
http://www.lekkerorigineel.nl/screenshots/IMG_7071.PNGThese screenshots are made on a iPhone 6 Plus. It also happens on an iPhone 6.
July 6, 2015 at 3:52 pm #469033Hey!
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,
ElliottJuly 6, 2015 at 4:03 pm #469045Does 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 #469054Hi!
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!
YigitJuly 6, 2015 at 4:06 pm #469055I 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 #469056Thanks for the awesome support!
-
This topic was modified 9 years, 2 months ago by
-
AuthorPosts
- The topic ‘Mobile menu always visible on the right of website (iPhone 6 plus)’ is closed to new replies.