I have created a carousel, but its only on one half of the page. All the tutorials use 100 VW or full length carousels. But with 50% its difficult to make it perfectly loop. What should be the approach? Right now I use -100% for move and duration 10s e.g, but this makes the carousel jump to the beginning after 10 seconds.
1 Like
Hi there,
Webflow offers several ways to create responsive carousels at different widths. You can use the Slider component and customize its width using breakpoints in the Style panel. For timing control, adjust the slider settings in the component’s properties panel where you can set transition duration and autoplay timing.
To create a carousel that works at different widths:
- Add a Slider component to your page
- Set the width to 100% or your desired fixed width
- Add breakpoints for different screen sizes
- Adjust the width settings for each breakpoint as needed
For smooth looping, you can configure the transition timing in the Slider settings. The autoplay feature allows you to control how long each slide displays before transitioning to the next one.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
1 Like