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.
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.
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.
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 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.