Slider Navigation not working on published Site

Hello,

i’ve been having trouble with a set of Sliders (See screenshot) within my project where the navigation arrows work within Webflow’s preview mode but not on the published site or when exported.

Other sliders in the project seem to be working normally.

From old threads i searched, i attempted setting the Sliders to Display:Hide and an On Page Load interaction with Display:Flex. However it didn’t seem to solve the issue.

I have however noticed that when i change the size of the browser, even just slightly, they begin to work.

Thanks in advance!


Here is my site Read-Only: HERE

Hello everyone, unfortunately still not found a solution for this. Anybody able to help me out?

Read Only has been posted above and the published link is: https://beste-kuechen-landingpage.webflow.io/

Thanks!

Hey All! Been having the same issue. I found a fix by re-building my slider without classes. It also seems like the way it is nested can break it. For responsive size / centering I just had to compensate with margin rather than a centering container.

Slider 4, 6th section down.

“Slider 3” and “abbpersonaslider” in same section are failed attempts.

https://preview.webflow.com/preview/matt-green-ced308a605684f52d57839804833?utm_medium=preview_link&utm_source=designer&utm_content=matt-green-ced308a605684f52d57839804833&preview=a28bf46c78198c67f9e387a34f31d82e&pageId=6230c407dc5b5d74c19af49c&workflow=preview

Also, weirdly, the slider doesn’t work in the above read only preview but does work in my published project.