How to fix horizontal scroll when overflow hidden breaks your interactions?

Hey guys,

I have build a horizontal scroll interaction on my portfolio website to showcase my projects.

Sadly this causes the other kind of horizontal scroll (the one that creates a white bar on the right of the whole website)

Normally this is fixed by setting overflow hidden on the section or putting the whole website in a overflow hidden wrapper but then the horizontal scroll interaction breaks.

This issue doesn’t show up in the preview mode but only in the live website: www.wentzelmedia.com

I’m stuck on this horizontal scroll paradox, any help would be greatly appreciated!


Here is my public share link: LINK
(how to access public share link)