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.
