Slider doesn't display the individual slide elements properly

Design help General
1

Hi guys I have three (3) slides in my slider on the home screen as seen in my site attached below. The slider on my home page seems not to display the slides fully while they slide past each other i.e. on slide two you still see some part of slide 1 and similarly on slide 3 you still see part of slide 2.

Need help on the cause and possible resolution.

Thanks

Here is my site Read-Only: https://preview.webflow.com/preview/fulanikitchen?preview=db7f8a06fe47705a13402b9005c6bc5a
(how to share your site Read-Only link)

2

That’s due to the legacy interaction that fades up the slider on display-wrapper, doing so prevents Webflow from calculating the proper width of the slider on page load, so it translates the slides by an incorrect width amount.

Deleting the fade up legacy interaction will solve the issue.

Also, feel free to contact me for custom code help and/or customization of third-party plugins

3

Thanks @samliew it appears resolved. Grateful mate.

4

You’re welcome