Slick slider как исправить?

Question

[Maksim Ivanov]

Подскажите как исправить вот такой глюк? так выглядит когда верстку программист перенес на сайт

У меня в локальной версии все норм выглядит -

Скрипты вот так подключаются -

$(function () {
    $('.kii-slider .slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        fade: true,
        asNavFor: '.slider-nav'

    });
    $('.kii-slider .slider-nav').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        asNavFor: '.slider-for',
        dots: false,
        centerMode: false,
        focusOnSelect: true,
        arrows: false
        //infinite: false
    });
});

Comments

[UndineS]

скорее всего, кому-то из родительских элементов (с классом "bottom-slick-slider" или выше по дереву) задана небольшая ширина. Слайдер slick использует эту ширину и исходя из нее задает размеры слайдов.

Проверьте:

• не задана ли родительским элементам малая ширина (на основном сервере);
  
• не была ли назначена большая ширина для корректного отображения в локальной версии.
  

Кроме того, могут быть проблемы с заданными в css отступами margin для слайдов - проверьте совпадение/отсутствие этого свойства между сайтами на локальном и основном серверах.