Full width sections made with Elementor is overflowing

Hi there,

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

Hi there,

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

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.

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

Thank you very much

@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.

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

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.

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

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.

Thanks Michael, now is fine.