Slider issue, one slide is skipped

Hi guys,

I have a problem with a slider that skips the second slide. I have no idea what the problem is, but when I change the paddings / margins, the second slide repairs and, for example, the fourth one crashes. I will be very grateful for your help in finding a solution.

Thanks in advance!

Read-only link:
https://bit.ly/2FYRYXg

its a strange thing to grasp but its to do with the mask.
This video from pixel geek will explain how to resolve this hard to discover but easy when you know how problem.
Pixelgeek to the rescue…

If this does fix your issue, tick the heart and solution please.

Thanks for the answer.

I scanned the video briefly but found no answer. Can you tell me to what minute should I go back to find a solution to my problem?

2 Likes

Start 7:01.
Slider is by default a full sized container and normally set for a full width view.
You are trying to view a smaller width image, so when you click slide to next image it scrolls a full page width or to the end which comes first. Hence you miss the second image. if you had say 8 images, it would probably skip 4 or 5.

1 Like

I tried to do this for several hours but it failed. I don’t know if it’s too much, but can you help me and show me the code?

I’m new to Webflow and don’t know all the ticks yet :frowning_face:

Hello Kamil,
There is no code its all settings.
Try starting at min 4. he explains he tried like yourself to scroll 1 slide at a time and he failed.
He spoke to a friend who explained to him its a little trick with mask (mask is an element inside sliders).

I’m sorry I didn’t speak. I am coming back to this topic as I still haven’t solved the problem.

I try and the 2nd slide keeps switching. I really appreciate all your help, but I don’t think I can handle it myself.

Can you do it for me if you know how? Of course, I will gladly reward you for this. Come back to me with feedback on DM.

1 Like

Any follow up on this - I am having the same problem! And I’m a bit pressed for time - does Pixelgeek solve it in the episode - if so what min?

1 Like

I was having a similar issue. Seems that adding 100% to slider width and Overflow Hidden resolved this for me. I think this may happen if content within the slider is wider than the slider (eg large image), so in effect, the content is falling onto the next slider, which may be the reason it was skipping. ?? Just a guess, but it works for me!

I had the same problem.
I set the slider to 100 vw and overflow hidden.
That alone didn’t fix it.
In my case, the real problem was that I was setting the width of the slides on the slides themselves, when I should’ve been setting the wanted width of a slide on the MASK. That fixed it. :blush:

He mentions this in the video at 8:50.

2 Likes