Browser: Chrome / Safari / Firefox
OS: iOS/Android
URL: Link
Video: Loom Video
When visiting the page on mobile (width <478px), there is a whitespace on the right of the screen, and it is unclear to us why this is occurring. We tried to set all container content properties to “No wrap” as indicated in this forum post. But that didn’t help…
Hi Matthias,
Welcome to the forum!
The overflow is caused by the 600px padding-left on the divider, which is much wider than the viewport. Remove it or set it to e.g. 50% and it’ll be fine.
Best regards,
timmse
Hi Timmse,
Thank you, that was indeed the issue. Quick question, how did you find it so fast? I have been inspecting the mobile version multiple times, but didn’t find it 
I usually use one of the following methods:
a) Add the following rule in the dev tools:
body * {
outline: 2px solid red;
}
This gives each element in the DOM a red outline so that you can easily identify the element that “stands out”. Example from your website:
b) In the dev tools, remove each section (including the header and footer) one by one until the overflow disappears. Then you will know in which section it was created, and you can do the same in this section, but with the respective elements, until the overflow disappears.
Hey there, any tips for removing overflow on the mobile view even if I haven’t used px padding? I checked all my sections but there is white space to the right on the mobile view. Not sure what’s going on. Can’t include a link to the site but any advice would be appreciated!
Hi,
it could really be many things and it’s really difficult to debug without the link to the website. If you don’t want to publish the link here, you can send it to help@bricksbuilder.io using the email address you used during the purchase, then I’ll have a look.
Also make sure to mention this topic in the email, so that we know what’s the issue.
Thank you,
Matej
