.me-bloglp-featured--slider > div {
flex-grow: 1;
flex-basis: 0;
min-width: 0;
}
.slick-list{padding:0 20% 0 0;}
@media only screen and (max-width: 600px) {
.slick-list{padding:0 40% 0 0;}
}
$(document)
.ready(function () {
$productslider = $('.module--product-slider').slick({
dots: false,
arrows: false,
infinite: true,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
responsive: [
{
breakpoint: 990,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
})
})
.on("click", "#nextBtn", function () {
$productslider.slick('slickGoTo', parseInt($productslider.slick('slickCurrentSlide')) + 1);
})
.on("click", "#prevBtn", function () {
$productslider.slick('slickGoTo', parseInt($productslider.slick('slickCurrentSlide')) - 1);
});