White Space at Right, Overflow hidden not working, no neg. margins

Hi there, this is a project I have to do for school. There’s white space that shows up at the right when the site is published and I’ve tried everything I could find online.

I’m not sure what the white space is due to. I set body to overflow:hidden and it breaks the top animation. I set each other section to overflow:hidden and the white space remains. I don’t think I have any negative margins.

Please help, this is due on Tuesday. Thank you!

Here is my site Read-Only:

You can’t see the white space there, so here is the published site:

Try setting the section “Sticky Nav” to have a width 100%.

Unfortunately, it’s still there :frowning:


That is strange. It looks ok to me. Do you still have the issue on the published site?

Yes, the published site still has the white space. I tried unpublishing then re-publishing as well

Please try removing the scroll animations (that make the text move horizontally) from the about me div and see if it still happens.

Yes it’s gone! Thank you so, so much!
I’m really sad to lose that animation though, is there a better way I should have created it? Maybe just make them move to the sides less?

I am sure you could get some kind of animation back with a little experimentation now you know what the issue is. Maybe make the text block smaller so it does not go outside the boundaries? Maybe see if putting the text inside another div with a set width helps? Basically it is a case of finding a way to animate that does not push outside of the boundaries. I’m sure there’s a way :slight_smile:

Okay thank you so much again for the suggestions and the solution. I hope you have a wonderful day/night! :slight_smile:

1 Like

Hi, I’m having the same exact problem. As im scrolling downwards, I can also scroll to the right, which reveals negative space (black bg). I set overflow to hidden and I dont think I have any negative margins. Please help ~!!