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
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])
And here it is published: www.rosegregory.com