[Support request] Full width sections made with Elementor is overflowing

[Alfonso]

Hi,

I have with full width sections made with Elementor but after last update, the content is overflow.

The content is overflowing and is wider than the width of my screen, so I have horizontal scrolling.

I’ve deactivated all plugins on my dev site but the problme still persists.

When Twenty theme is active the issue is missing.

you can check on https://www.staging13.delahuertacasa.com

Can you help me?

[Leo]

Hi there,

Can you try this first?
https://docs.generatepress.com/article/content-container/#full-width

[Alfonso]

Hi there,

I’m checked all options but is displaying the same.

[Elvin]

Hi,

The content is overflowing and is wider than the width of my screen, so I have horizontal scrolling.

Can you try disabling the “Stretch Section” on your Elementor sections and see if it still occurs?

Let us know.

[Michael]

I’ve noticed this is a problem with many of my GeneratePress sites. It’s not just an issue with Elementor. I believe it’s something Tom needs to look into.

The temporary fix is to insert this code into the Additional CSS section via Customizer:

html { overflow-x:hidden; }

[Alfonso]

Thank you very much

[Elvin]

@Michael

Thank you for sharing.

@Alfonso

While this is a known workaround, this may come with issues especially for plugins that use position: sticky (usually sidebar ads plugin) but if you’re not using one then you can go ahead with this.

[Alfonso]

Thanks Elvin, I will use this solution until you can give me another

[Elvin]

Thanks Elvin, I will use this solution until you can give me another

In case you’ve actually come across the potential issue I’ve mentioned, let us know.

No problem.

[Alfonso]

Hi there, i’ve discovered that the Michael solution is only working when im logged in my WordPress site with admin.

[Michael]

It might be a caching issue, whether it’s your browser or a caching plugin.

However, maybe even try this:

html, body { overflow-x:hidden; }

I have tested it on several sites and it does work. It might also depend on your specific site and any other custom css that you’re using.

Ultimately, I believe it’s a problem with GP that the devs should look at and not ignore.

[Alfonso]

Thanks Michael, now is fine.

[Author]

Posts