Viewport is extended on published site but not in editor, despite everything set to no overflow

Design help General
1

As per title, on the published site, I can scroll horizontally despite no content occupying the ‘horizontal space’. This is extremely frustrating as I cannot seem to do anything about it.

Here is my site Read-Only: LINK
Here is the published site: LINK
(how to share your site Read-Only link)

2

The width of your navigation is set in viewport units which won’t take into account the width of the scrollbar:

image

Change this (and any other 100vw sized elements) to 100% and that should fix the problem :+1:

3 Likes
3

Thanks! That fixed the issue