How do I get rid of the White space on the side of my website?

Design help Animations & Interactions
1

I have an interaction at the bottom of my home page that brings an element in from the right on a scroll trigger (there is another element that comes in from the left at the same time). Unfortunately before the interaction is triggered, this element creates an unused white space on the side of my site.

I am happy with the way the interaction looks and I don’t want to change it - is there a way to keep it the same and get rid of the white space on the right side of the site?

Very grateful for your help.

The sharing link is: https://preview.webflow.com/preview/easy-tweety?preview=7782abde7350581f6212af6a22edeb8f

2

Yes.

You already know exactly why the bug happens, so you’ll understand the fix.

Select the general container of where your interaction happens. Probably a section.

Give it overflow:hidden, which hides anything outside of the section.

Now the browser won’t account for your displaced element space outside of the section.

Never apply this rule to the whole <body>or you won’t be able to scroll your site anymore.

1 Like
3

Ok great, sounds good. I’ll give it a try

Thank you

4

Excellent, that worked perfectly! Thanks a lot

5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.