Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1307736

    Hello!
    I’m using the Enfold theme and there is constantly the mobile overflow that I can’t remove.
    All of the elements are stretched to screen size and the overflow is set to hidden, but the overflow is persistent and none of the CSS codes I’ve tried work.

    I tried switching to another theme (hello elementor) and in that case, the overflow is not there so I’m coming to the conclusion that the problem is somewhere in the Enfold theme, I just can’t find the setting or I need a code to insert.

    Thank you so much!

    #1307870

    Hi Siggy_Reutter,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1307878

    Hello Nikko!

    Thank you for your reply. I’m attaching the temporary login link.

    One more problem I’m having: the homepage constantly changes back to having white padding on the top of the hero section and before the footer section. Everything was fine when I created the page but it keeps changing back to having those gaps.

    Thank you again for your reply and help!
    Kind regards!

    #1307976

    Hi Siggy_Reutter,

    Thanks for giving us admin access.
    I have added this CSS code in Enfold > General Styling > Quick CSS:

    html, body {
        min-width: 0;
        overflow-x: hidden !important;
    }
    
    @media only screen and (max-width:767px) {
        .elementor-page .container, .elementor-page .template-page {
            padding: 0;
        }
    }

    Please review your site.

    Best regards,
    Nikko

    #1307984

    Hello Nikko!

    Thank you so, so much, that fixed the problem and it’s working like a charm now!

    Would you be able to check out the issue with the homepage? There is padding between the hero and the main navigation, as well as some padding before the footer.

    Also, something happened where on the page “SPELL Program” there is now header and footer, but it wasn’t there and it shouldn’t be there. Changing the template doesn’t seem to work.

    Thank you so much for your quick response.
    Kind regards!

    #1308017

    Hi Siggy_Reutter,

    You’re welcome :)
    Can you try to replace this code:

    @media only screen and (max-width:767px) {
        .elementor-page .container, .elementor-page .template-page {
            padding: 0;
        }
    }

    with:

    .elementor-page .container, .elementor-page .template-page {
        padding: 0;
    }

    Best regards,
    Nikko

    #1308166

    Hi Nikko!

    Thanks for the code, however, that doesn’t resolve the issue. In fact, it changes nothing.
    Do you have any idea what else could possibly be the problem?

    Thank you!

    #1308176

    Hi Nikko,
    just to let you know that this problem has been solved. Thank you so much for all of your help!

    Have a great day!
    Kind regards

    #1308214

    Hi Siggy_Reutter,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Can't remove mobile overflow’ is closed to new replies.