Community forum for knowledge and support

Updated 8 months ago

The Carousel Conundrum: Eliminating White Space at the End

At a glance

The community member is trying to create a carousel similar to Calm's "Our Values" but is experiencing white space at the end of the carousel. A comment suggests that the community member would need to use a custom slider implementation, such as SplideJS, SwiperJS, Slick Sliders, or Resliders, as the native Webflow version does not provide a way to fix the issue.

Hey y'all I'm trying to make my carousel work like Calm's Our Values but when I scroll to the end I have a ton of white space. Any idea how I could fix this? Thanks!

Attachment
Screenshot 2024-08-08 at 2.34.23 PM.png
M
1 comment

you would need to use a custom slider implementation - that is the native webflow version and there's no way around it other than custom. Something like SplideJS, SwiperJS, Slick Sliders. There is also Resliders which is built using Relume components and has already done the heavy lifting of using SwiperJS or Slick.

Add a reply
Sign up and join the conversation on Slack