-
AuthorPosts
-
June 28, 2021 at 1:35 pm #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!
June 29, 2021 at 7:13 am #1307870Hi Siggy_Reutter,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoJune 29, 2021 at 8:33 am #1307878Hello 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!June 29, 2021 at 5:19 pm #1307976Hi 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,
NikkoJune 29, 2021 at 6:06 pm #1307984Hello 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!June 30, 2021 at 3:02 am #1308017June 30, 2021 at 4:14 pm #1308166Hi 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!
June 30, 2021 at 5:05 pm #1308176Hi 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 regardsJuly 1, 2021 at 2:28 am #1308214Hi Siggy_Reutter,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Can't remove mobile overflow’ is closed to new replies.