Задала брейкпойт 768px чтобы показывалось 2 слайдера, но это срабатывает при разрешении экрана 687px.
$(document).ready(function () {
sertificatesSlider();
});
var sertificatesSlider = function() {
if($(window).width() < 992) {
$('.sertificates-slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
prevArrow: '.sertificates__btn--prev',
nextArrow: '.sertificates__btn--next',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
}]
});
}
else {
$('.sertificates-slider').slick('unslick');
}
};
var sertificatesSlider = function() {
var sliderElement = $('.sertificates-slider');
if($(window).width() < 992 && !(sliderElement.hasClass('slick-initialized'))) {
sliderElement.slick({
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
prevArrow: '.sertificates__btn--prev',
nextArrow: '.sertificates__btn--next',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
}]
});
} else if ($(window).width() > 992 && sliderElement.hasClass('slick-initialized')) {
sliderElement.slick('unslick');
}
};
$(window).on('resize', function() {
sertificatesSlider();
});
