Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #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


    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,


    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.

    2. This is what users see when scrollen to the left. The full mobile menu next to website.

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



    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; }



    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?



    Yes, it looks like that custom CSS code is the cause of the issue. Please add the code Elliott posted here –



    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 for the awesome support!

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.