Некорректно работает responsive в slick-slider в chrome и opera

21 августа 2019, 03:10

Задала брейкпойт 768px чтобы показывалось 2 слайдера, но это срабатывает при разрешении экрана 687px в Chrome. В браузераx Microsoft Edge и Firefox все нормально переключается на 2 слайда. Если поставить mobileFirst: true, все будет работать наоборот - в Chrome и Opera работает, а в Microsoft Edge и Firefox не работает.

$(document).ready(function () { 
  sertificatesSlider(); 
}); 
 
var sertificatesSlider = function() { 
    if($(window).width() < 992) { 
        $('.sertificates-slider').slick({ 
            slidesToShow: 3, 
            slidesToScroll: 1, 
            mobileFirst: true, 
            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, 
            mobileFirst: true, 
            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(); 
});