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
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
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
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
Neat way to pinpoint exactly which element is the problem.
Thanks Sabanna!
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!
“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.
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.