Как заставить slick-slider срабатывать при ресайзе страницы?
// Подпишемся на ресайз и продиспатчим его для запуска
$(window).on('resize', function(e){
	// Переменная, по которой узнаем запущен слайдер или нет.
	// Храним её в data
	var init = $(".card-box").data('init-slider');
	// Если мобильный
	if(window.innerWidth < 480){
		// Если слайдер не запущен
		if(init != 1){
			// Запускаем слайдер и записываем в data init-slider = 1
			$('#card-box').slick({
				infinite: true,
				slidesToShow: 1,
				slidesToScroll: 1
			}).data({'init-slider': 1});
		}
	}
	// Если десктоп
	else {
		// Если слайдер запущен
		if(init == 1){
			// Разрушаем слайдер и записываем в data init-slider = 0
			$('#card-box').slick('unslick').data({'init-slider': 0});
		}
	}
}).trigger('resize');
https://monosnap.com/file/Jw6PomDPOuv54bY25640JxAz...
Нужно реинициализировать слик, если до этого использовался unslick. Как-то так наверное. addDomListener(window, 'resize', function () {
    if (условие) {
    $('.your-class').slick({
    setting-name: setting-value
  });
}
}