Remove white bar (scroll bar?) on right-hand side

Hello,

I’m trying to remove the scroll-bars that appear because of the image & mouse interaction I have on my homepage. I set the overflow of the parent grid to “hidden”. This seemed to work—you can no longer scroll, but there is still a white gap on the right hand side of the screen.

Then I tried some custom code in the head code to remove scroll bars all together (in case this was the issue), but that doesn’t seem to have worked either.

I also tried playing with the padding & margins but nothing worked.

I’ve obviously overlooked something but I’ve tried so many things and I can’t seem to find it!

Thanks for your help :slight_smile:


Here is my site Read-Only: https://preview.webflow.com/preview/rrrosegregoryyy?utm_medium=preview_link&utm_source=designer&utm_content=rrrosegregoryyy&preview=cf55c27b73951cd6f6efe8cea9b9d697&mode=preview
([how to share your site Read-Only link][2])

And here it is published: www.rosegregory.com

Hi, did you fix it? i’m not seeing scrollbars.

Hi Vincent, sorry for the slow reply. I don’t know why but it started working after a while. Perhaps I needed to reset my cache in order to see it.

Thanks for your help!