Почему slick slider не работает ниже 1200px?

Question

[Jussss92]

Привет.
Подскажите в чем может быть проблема?
texenergo21.pr-ff.ru у меня на сайте если нажать внизу на меню

То слайдер якобы и работает(инициализируется) но стили кривые.
Хотя если открыть окно и начать двигать, то от 1200 стили все нормально работают и никаких проблем.
В чем может быть проблема?
Код у меня обычный у запуска слайдера

$('.absolute-cart-slider-2').slick({
		arrows: true,
		dots: false,
		slidesToShow: 5,
		slidesToScroll: 1,
		prevArrow: $('.absolute-prev'),
		nextArrow: $('.absolute-next'),
		responsive: [{
			breakpoint: 1200,
			settings: {
				slidesToShow: 4,
				slidesToScroll: 1
			}
		},
		{
			breakpoint: 998,
			settings: {
				slidesToShow: 3,
				slidesToScroll: 1
			}
		},
		{
			breakpoint: 768,
			settings: {
				slidesToShow: 2,
				slidesToScroll: 1
			}
		},


	]
	})

Answer 1

[Jussss92]

Решил проблему тем, что поставил infinite false. Это помогло

Answer 2

[kryamk]

Не надо слайдам прописывать бутстраповские стили col-3, слайдер сам ширину распределит. А расстояние между слайдами

.slick-slide {
   margin: 0 30px;
}
.slick-list {
   margin: 0 -30px;
}

Comments

[Jussss92]

Так ведь нет никаких bootstrap grid, все и сделано как вы выше указали