Slick slider responsive doesn't work if you change breakpoints?

D

Danial_9tko2017-10-27 15:19:02

Slick

Danial_9tko, 2017-10-27 15:19:02

slick slider Responsive doesn't work if you change breakpoints.
$('.responsive').slick({
dots: false,
infinite: true,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: false
}
},
{
breakpoint: 700,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 400,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

D

Danial_9tko, 2017-10-28
@Danial_9tko

viewport

3

3Serg, 2018-10-11
@3Serg

Need to add to page

<html>
<head>
...
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<body> 
...
</body>
</html>