Почему slick едет когда меньше 3 слайдов?

Question

[neverever]

<div class="slider4">
             
            
          
             
             
                <div class="slide">
                    <div class="block-winner">
                       
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                               Спонсор
                            </div>
                            <div class="name">
                                Годовой запас корма <br> "Whiskas"
                            </div>
                    </div>
                </div>
            </div>

function slider4() {
    var slider4 = $('.slider4');

    if (slider4.length) {
        slider4.slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 3,
            speed: 1000,
            arrows: true,
            responsive: [
                {
                    breakpoint: 780,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2,
                        infinite: true,
                    }
                },
                {
                    breakpoint: 624,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
            ]
        });
    }
}

Урезается именно ширина почему-то.

Comments

[Lord_Dantes]

Могу посоветовать использовать овл карусель

Answer 1

[Андрей Никифоров]

инициализируйте слайдер по клику на таб