Archived topic
Sideways container shift
1 reply · Started by Andreas on April 19, 2021
Hi,
I am working on this site: https://diewordpressagentur.de/ using WPbakery as page builder.
On a large screen it is OK, but on any screen size smaller that the container size, there seems to be a margin to the right and it means there is some unwanted possibility to scroll left and right on smaller desktops and mobiles.
Do you know how I can resolve this?
Thank you.
Hi there,
thats coming from the CSS that the Page Builder is using to create full width rows.
Ideally when building with a page builder you should set the Content Container to Full Width:
https://docs.generatepress.com/article/content-container/
This sets the theme template to full width and removes any padding.
This means you don't have to use and forced full width options in the page builder ( which is the common cause for sideways scroll ) and you can set any padding you need inside the page builder.
If all else fails you can use some CSS to stop overflow:
html, body {
overflow-x: hidden;
}