Horizontal scroll bug on website

Hey, fellow Webflowers!

I’ve completed my portfolio website but with one small bug! And I’ve tried everything in my knowledge to solve this but have been unable to…

On the website there’s this infamous horizontal scroll problem from the start to finish of the site.
Although, there’s a section in my site that was intended to scroll horizontally using Webflow Interactions, this constant slight horizontal overflow wasn’t intended.

Can someone help me with this, please? I’ve tried checking all the containers and their overflow properties and also have ensured that 100% width elements don’t have padding.

Maybe I’m missing something here. Any help would be really appreciated!

Thanks :slight_smile:


The website - https://www.shreyaspaul.com

Here is my site Read-Only:
https://preview.webflow.com/preview/shreyas-pauls-stunning-project?utm_medium=preview_link&utm_source=designer&utm_content=shreyas-pauls-stunning-project&preview=b9f5c5e2f3b64bc8b86ecffc65d15f70&workflow=preview

Hey @shreyaspaull , everything works fine on my end. I would recommend to see if you can replicate this issue in a different browser or incognito mode?

Thank you Imtiaz for your reply. I’m not sure if I’ve explained the problem correctly…

There is probably 10px of extra horizontal scrolling in the window…
There’s a scroll bar at the bottom which shouldn’t be there…

I’ve tested it on many devices and browsers and yeah, also in incognito.
It’s also there in mobile devices - I’ve tested it on safari on iOS.

Here’s a screen recording of the problem -

Did you find a solution?