Как сделать чтобы у slick-slide не было width=0?

подскажите пожалуйста, делаю слайдер, всего на сайте будет 4 разных слайдера на slick slider, как правильно их инициализровать ? И тут с 4 слайдером возникла проблема, он состоит из 2 блоков и показывает 1 слайд. В блоке картинки, при загрузке сайлдера, блок имеет ширину 0 и ломается и при прокрутке слайдов появлется ширина и все ок. Как пофиксить эту проблему ?

$(window).on('load', function(){
         $('.slider-countries').slick({
           slidesToShow: 1,
           slidesToScroll: 1,
           dots: true,
           arrows: false,
           infinite: true,
         });
     });

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Arcadiy

$(window).on('load', function(){
         $('.slider-countries').slick({
           slidesToShow: 1,
           width: 330,
           slidesToScroll: 1,
           dots: true,
           arrows: false,
           infinite: true,
         });
     });

→ Ссылка