Slick show 2 filas, 6 elementos en el escritorio y 1 fila, 1 elemento en el móvil
¿Podría alguien ayudarme a descubrir por qué mi código no funciona? Estoy tratando de lograr 2 filas y 6 elementos en todo el ancho y 1 fila con 1 elemento en el móvil.
$('.your-class').slick({
slidesToShow: 1,
rows:2,
slidesPerRow: 3,
responsive: [{
breakpoint: 500,
settings: {
arrows: true,
infinite: false,
rows:1,
slidesPerRow: 1,
slidesToShow: 1,
}
}]
});
<div class="your-class">
<div class="">your content</div>
<div class="">your content</div>
<div class="">your content</div>
<div class="">your content</div>
<div class="">your content</div>
<div class="">your content</div>
</div>
http://codepen.io/Kibs/pen/aNzvBG
Gracias