This happens on most of the sites I create with webflow. I’m getting a white bar on the side of my pages and not sure why.
Can anyone figure this out?
https://preview.webflow.com/preview/jordans-portfolio?preview=1a419e7ff6d8880ac3e8d8cbc8a229ae
Any insights @Waldo?
Hi @TriceWD,
let me help you.
You have “skill txt” elements moved on 60 px to the right side by using relative/absolute positioning settings and it is what cause the “gap” on the side.
I suggest using left padding for this elements and it will fix the problem. Or apply overflow: hidden to the “skill-column”
Regards,
Anna
3 Likes
That worked!
Such a simple solution, but not so simple to find.
May I ask how you figured this out so quickly?
(Much appreciated by the way, thank you for helping me out again - I didn’t forget about the last time 
)
You are welcome
For finding the reason of overflow (it is what cause gap on the site) I usually open the live/published site in the browser “code inspect” mode, make it shown in mobile view and then step by step go to add overflow: hidden to every big sections CSS settings. When one of the section react on this (gap disappears) I remove overflow: hidden from the section CSS and do the same with elements (rows, divs, etc.) inside the section. When one of the elements react - I am going deeper 
Logic behind the magic.
Cheers,
Anna
4 Likes
Neat way to pinpoint exactly which element is the problem.
Thanks Sabanna!
1 Like
Hey @sabanna
Just wanted to let you know I’ve been using your method to solve this issue on multiple projects here.
Super helpful and super useful.
This is STILL much appreciated! 
1 Like
“Give a man a fish, and you feed him for a day. Teach a man to fish, and you feed him for a lifetime.”
Always welcome, glad it works.
1 Like
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.