Steve-K
(Steve)
February 26, 2021, 9:19pm
1
My site seems to be too wide (there’s a gap down the right hand side of the page and the horizontal scroll bar appears) but I’m not sure what’s causing it.
Thanks for your help.
Here is my site Read-Only: https://preview.webflow.com/preview/sk-new-c3049b?utm_medium=preview_link&utm_source=designer&utm_content=sk-new-c3049b&preview=cfe0a00f1da18e19d4cff4a2d3440eb9&mode=preview
Tom_Tucker
(Thomas Gibbons)
February 26, 2021, 9:27pm
2
Maybe one of your elements is flex and aligned to the left?
I went on there but could not see any problems.
Did you already fix the problem?
Steve-K
(Steve)
February 26, 2021, 9:31pm
3
Tom_Tucker
(Thomas Gibbons)
February 26, 2021, 9:36pm
4
I see, sorry i forgot to scroll to the right.
It is your element BG
It’s natural width is wider than the screen, so you should try placing it in a div with a max width of 100VW that should solve your problem
Tom_Tucker
(Thomas Gibbons)
February 26, 2021, 9:38pm
5
or set the width of the container that it is in, 100VW
Tom_Tucker
(Thomas Gibbons)
February 26, 2021, 9:45pm
6
So I have had a play,
the container that it sits in get rid of all its classes. give it a new class.
set to flexbox, align and justify center.
that fixed it for me
Steve-K
(Steve)
February 26, 2021, 9:47pm
7
Hi Tom, I fixed up the width of the container and that did it - thanks!
Tom_Tucker
(Thomas Gibbons)
February 26, 2021, 10:07pm
8
Awesome, if you could just check the box to show the post has been solved. that will help with the filtering of your question.
1 Like