Extra space on side of page

Design help General
1

Hello everyone,

In the designer, I do not see any extra space on the sides of my page but on the published version, a scroll bar appears at the bottom and lets me scroll to the right which shows some extra white space.

Any help would be much appreciated, thanks!

Here are the links to the published site and the preview.

https://preview.webflow.com/preview/unsw-website?utm_medium=preview_link&utm_source=dashboard&utm_content=unsw-website&preview=19f82bf59ac85ade894f6162c4d1d304&workflow=preview

2

It seems to be due to your scroll animations that this is happening, but what you can do is go your page settings and enter the following code into the head section:

<style>
body {
overflow-x: clip;
}
</style>

Let me know if this helps or if you are still having issues.

2 Likes
3

This is very common! We created an article and video to cover this topic: Overflow: hidden | Webflow University

3 Likes
4

Yep this definitely helped, thank you! Do you think the Webflow team will add the “clip” option to the current overflow settings (I assume it is a new option similar to “hidden” that hasn’t been added yet)?

5

Just added that bit of code to the pages affected by the white space issue and I noticed that the “our team” page still has this issue. Any ideas on what could be happening?

6

@Chris5 Please try this code and let me know if it works across all pages with the problem.

<style>
body {
overflow-x: hidden;
}
</style>

If that doesn’t try setting an overflow of hidden the hero section within Webflow, since that is where your animation seems to be happening,

1 Like
7

Yep that works thanks again. May I ask when you would use hidden vs clip?