xxxxxxxxxx
<!-- slick slider will only work on mobile -->
<script>
$('.features__row').slick({
autoplay: true,
autoplaySpeed: 2000,
dots:true,
speed: 500,
arrows:false,
responsive: [{
breakpoint: 99999,
settings: "unslick"
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 500,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
</script>
This slick slider will work below 768px
xxxxxxxxxx
<script>
if ($(window).width() <= '767'){
$('.center').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '30px',
slidesToShow: 1,
dots: true,
infinite: true,
adaptiveHeight: false,
cssEase: 'linear',
}
},
]
});
}
</script>