Problem with the page width in Safari?

Hi,

Somehow I can scroll to the right on my webpages for about 100vw… This issue only occurs in safari though.

Has anyone encountered this before? :open_mouth:

Kind Regards,
Robin


Here is my site Read-Only: Sharelink

This is my published site: Published Site

1 Like

I think the issue is clearest on a mobile viewport.

Never use 100vw for your elments’ widths, this will always produce a horizontal scroll. Use 100%.

1 Like

Thanks! I found the solution! :smiley:

It was a combination of using 100vw instead of 100% and having a wrap on the children in flexbox!

I wonder how could this possibly create scrollbars?

I’m not sure, but I’ve just noticed that safari has some trouble with wrapped flexbox children (compared to other browsers) …

Hey guys

Im experiencing exactly the same issue, and Im not using 100vw for any element
when opening in safari you are able to scroll sideways and that is not the intended behavior (see images below)

read-only editor
website