Скрипт работает в firefox мобильной, а в хроме мобильном нет:
$(function(){
if ($(window).width() < 1201 ) {
$('.slider-menu').slick({
slidesToShow: 5,
slidesToScroll: 1,
arrows: true,
variableWidth: true,
prevArrow: '<button class="slick-prev slick-arrow" aria-label="Next" type="button" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="19" viewBox="0 0 11 19"><image id="play-symbol_копия" data-name="play-symbol копия" width="11" height="19" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAA2ElEQVQokY2TPcoCMRCGH/UI3wWsbDyJ2IiSJlUQEVE+Cysrexs7FRQhWKQJ/lTioTyDKyur7GZH16nyDs87mclPKYoivoWzvg/MgPlX2FnfBXYvXf4VBK4i7KzvBeBFG9XIwQm4DcBmvMj0LG0dV8z1XAS+YQG8hGAclVq1PgA2ib4DB21USxo8rrxO6Zs2SkngC56k9J+zfv8Jfp6Gs34ILFP5ozaqI1VGG7UCRql821l/EuEPhlZoyNxgkSF33YnhPzAc3gNKIQx9LnrPGcMvP2UMTIHFAyskZXMYSrQ5AAAAAElFTkSuQmCC"/></svg></button>',
nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button" style=""><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="19" viewBox="0 0 11 19"><image id="play-symbol" width="11" height="19" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAAiElEQVQokbXSMQrCUBCE4Q9SCVp6FQV7S69kJViYYKGFVxFP4DnEM1gqD1KE4L68gA5ssfDPzrIsrPHASYHenTrk8ApzLNp+hSluOVMzJuGboRkyHMcm/MZQBfAVEyxbJl1pNrTSvZcQaotXBzxH4L43MXyF/4PhjrvS6LoUTCoGkzZ44pKl8AEvKUH+HzaRQQAAAABJRU5ErkJggg=="/></svg></button>',
responsive: [
{
breakpoint: 540,
settings: {
slidesToShow: 2,
}
},
]
})
console.log('меньше 992px')
}
});
Условие, что если экран меньше 992px, заработает слик, в чем ошибка подскажите пожалуйста?