В чем ошибка работы Slick слайдера?

Question

[Kvazarmw]

Добрый день. Подскажите пожалуйста, из-за чего слайдер Slick глючит у меня. Например если убрать class="container", то стрелки вообще не будут видны. Сейчас высота слайда в 2 раза больше высоты одного слайда, через некоторое время видно что слайдер построился в 2 ряда. Объясните пожалуйста в чем ошибка. сам слайд

Answer 1

[Александр Шакиров]

Стрелки расположены за границей контейнера (-25 пикселей). У вас блок .container по ширине 90%, когда его убираете получается слайдер растягивается на всю ширину браузера и кнопки уходят за экран.

Comments

[Kvazarmw]

А что скажите на счет того, что слайдер располагается в два ряда?

[Александр Шакиров]

Kvazarmw: проблема в размерах слайда, у вас для класса .slick-item задана минимальная ширина 260 пикселей, а слайдер задает ширину элементу 220 пикселей и на основе этой ширины он высчитывает ширину контейнера (чтобы все элементы вошли в один ряд. Получается что элементы не умещаются в контейнер и слетают во второй ряд.
Вам нужно убрать свойство min-width: 260px;

[Kvazarmw]

Ясно, спасибо.