Horizontal Scroll issues with JS Nav Bar

Design help Custom code
1

Hi,

I’ve been struggling with having a working nav-bar on my horizontal scroll website.
I set up something with JS, which works. Buttons redirect to section, so far so good.

However, once I used the button, scrolling have issues, part of the website are not accessible anymore, and the buttons start to redirect elsewhere than previously.

Here’s a read-only link :
https://preview.webflow.com/preview/baptisma-production-ccac20d6a66ce1834a1?utm_medium=preview_link&utm_source=designer&utm_content=baptisma-production-ccac20d6a66ce1834a1&preview=bdf45a75ba2686269d619a3d35076fd0&locale=en&workflow=preview

Here’s the website live:

I don’t know much about code and JS, a friend helped me.

Thank you for your help and patience.

2

The issue likely comes from the scroll logic not syncing properly with the horizontal scroll behavior. To fix this, ensure that your button navigation uses event.preventDefault() to avoid default behavior and scroll smoothly to the target section. Check that your sections are set up with overflow-x: scroll and overflow-y: hidden for horizontal scrolling. If the problem persists, consider using Webflow’s built-in scroll interactions instead of custom JS for more reliable results. Let me know if you’d like more specific help.