Как изменять кол-во слайдов в зависимости от ширины в slick?

Question

[lukepker]

Доброго времени суток, подскажите, пожалуйста, как настроить в slick slider`e, сколько элементов показывать, в зависимости от ширины страницы, чтобы не было подобного?

код слайдера

$('.slider-nav').slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		centerMode: true,
		focusOnSelect: true,
		infinite: true,
		arrows: false,
	});
	$('.left-button-slick').click(function(){
		$(".slider-nav").slick('slickPrev');
	});
	$('.right-button-slick').click(function(){
		$(".slider-nav").slick('slickNext');
	});

Если можно, то расскажите нубу поподробнее=)

Answer 1

[garmon85]

$('.products').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        centerPadding: '20px',
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1
                }
            }
        ]
    });