Slider going past slides

Design help General
1

I’m struggling to get my slider to scroll infinitely without a weird space in between my first and last slide. I don’t want to restart and undo all my styling on the buttons and things and I’m not great at code. Is there something that i’m missing?

I tried to follow tips from this previous thread but still doesn’t seem to have fixed the issue.

Screenshot 2025-04-29 at 10.39.00 AM
Screenshot 2025-04-29 at 10.39.00 AM1616×746 131 KB

Here is my site Read-Only:

2

Hi Olivia,

To adjust your slider’s behavior, you can access the Settings Panel (D) where you’ll find several options to customize your slider’s performance. For the spacing between first and last slides, check the slider’s container padding and individual slide spacing settings. You can also modify the “First and last slide arrows” setting to control how navigation works at the beginning and end of your slider sequence.

To enhance the transition experience, try adjusting these key settings:

  • Animation type
  • Easing method
  • Duration timing
  • Slide spacing
  • Container padding

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Each slide has an attributed class so they’re all the same size, I don’t see how the spacing would be off from those atributes on the first and last slide but not the rest

4

@Liv_Larson

This is a common issue when trying to make a Webflow slider loop seamlessly (infinite scroll) — especially when not using custom code. Webflow’s native slider component doesn’t support true infinite looping out of the box, so when it loops back to the start, there’s often a flash of empty space or a jump.

Here’s what you can try without needing to restart your design or use complex code:

Fix Suggestions:

  1. Check Slide Widths & Flex Settings:
  • Ensure all your slides are the same width.
  • Avoid overflow: visible on any nested elements inside slides.
  • Set display: flex on the Slide Mask, and double-check that the slides aren’t extending beyond the mask.
  1. Disable Slide Animation Temporarily:
  • Webflow adds transitions that can sometimes cause this spacing glitch.
  • Try removing or reducing transition effects temporarily and test again.
  1. Reorder Slides (Trick):
  • Sometimes, duplicating the first and last slide manually and placing them at the ends helps simulate a seamless loop.
  • For example:
    [Last Slide] [Slide 1] [Slide 2] [Slide 3] [Slide 1]
1 Like
5

When I disable the look effect it still acts like theres two slides worth of empty space before ending. Even when I select disable arrows at end of slider

6

Since you’re still seeing two slides’ worth of space at the end—even with loop disabled and arrows hidden—it seems the issue lies in how Webflow manages slide duplication and animation near the edges. You might want to try using this simpler Swiper slider as an alternative

7

Is there a way to accomplish this and match my current design?