[Resolved] White space on right hand side on mobile

[Frank]

Hello!

I’m experiencing white space randomly added to the right hand side of the browser allowing a right hand scroll on mobile o the following site: https://strengthenyourworld.com/ .

I deactivated and reactivated plugins and it seems like Beaver Builder is causing it, but I’ve never come across this issue with Beaver Builder and GP Premium before and wondering if someone more experienced can help me isolate what I need to fix.

Thanks!

[Leo]

Hi there,

Usually this is due to one of the (page builder) elements on the page is wider than the screen width.

You could try this CSS as a patch:

body {
    overflow-x: hidden;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If that doesn’t help, I would recommend checking with Beaver Builder’s support as they might be able to identify the element and provide a solution for you.

Let me know if this helps 🙂

[Frank]

I was hoping it would work, but it appears like it isn’t. I will try with Beaver Builder support as you suggested!

[Frank]

However, when you mentioned:

“Usually this is due to one of the (page builder) elements on the page is wider than the screen width.”

It made me look through more, and alllll the way at the very bottom was a button hard coded for fixed width, fixing that fixed the issue.

You’re a super hero Leo!

[Leo]

Glad you found the problem 🙂

[Author]

Posts