Slider skipping one slide and help creating slider design

My sliders are skipping one slide.

http://webflow-help.webflow.io/
Also, check out my read-only link.

  • On the first slider, I have 3 slides but can only view 2. You’ll notice the right arrow disappears after you move to second slide.
  • On second slider, I have added 4 slides but can only view 3 slides. It skips the green slide.

Any help is appreciated.

Slider_Help


Here is my site Read-Only: Webflow - Webflow Help
(how to share your site Read-Only link)

Hi @juanerazo, thanks for the post and report, I took a look and it seems the slider has the “hide arrows at each end setting”, so the right arrow does not show on the last slide: Image 2018-06-11 at 9.59.33 AM

I would uncheck that and see if it helps, here is what I see when I disable that:

https://cl.ly/0N0g2h222z1e/Screen%20Recording%202018-06-11%20at%2010.01%20AM.mov

It looks like there may also be some styling offsets on the Slides and mask (the 95px and -95px that are affecting the layout, when I remove those the slider works as it should with default scripted behavior:

https://cl.ly/3s0t272p2S16/Screen%20Recording%202018-06-11%20at%2010.04%20AM.mov

Changing the margins or padding on those slides can have unintended results, I would probably check further on the slide styling or create a new post how to achieve the effect you are after on that.

I hope this helps.

Thanks @cyberdave for looking into it.

The “hiding at each end” is what I need for the slider. I don’t want the arrows to appear when there aren’t any more slides.

The 95px/-95px is to show a peek of the next slide. Do you know of a better way to achieve this?

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.