Site just larger than 100vw

Design help General
1

Hi all,

I am completely stumped by my site’s width issue. It is appearing on desktop as slightly wider that 100vw, which is annoying to users. I have tried removing each component one by one, but all of them seem to share the same problem. I have every section set to a width or max-width of 100vw. What am I missing?

Thanks in advance!

Here is my site Read-Only: Webflow - HouseMapper

2

Sounds like you’ve got a classic side-scroll issue! We’ve all experienced it at some point in time.

Try this out!

1 Like
3

Thanks @Julian_Galluzzo. I had tried that but eventually I realised that there were two different issues going on. Clipping was never the issue after all.

First of all I had a lot of unnecessary 100svw declarations which I just removed entirely so they defaulted to auto, but I also found some old 100vw (not even SVW) declarations applied only to screen widths >1280px.

Takeaway for anyone who finds this post in the future:

  1. Clipping is absolutely a valid thing to check for.
  2. Don’t use VW/VH, use SVW/H and Webflow now supports this. DVW/H will come in time I’m sure.
  3. Don’t use anything at all if everything looks ok already!
1 Like