Проблема загрузки слайдер slick.js как решить?

Question

[redesupar]

Поставил слайдер только для мобильных, но появилась проблема, при загрузке страницы сначала будто и не грузит слайдер на секунду (тогда все итемы друг за другом) сам сайт тут
ПОдскажите пожалуйста, менял местами и делал выше стили слика, не помогло

Answer 1

[Алексей Уколов]

Ну это нормально - пока загрузятся css и js, пока они исполнятся. На всё это нужно время и до этого вам нужно самостоятельно стилизовать эту заглушку, чтобы она выглядела так, как вы хотите. А когда появляется класс slick-initialized, ваши стили должны отменяться или перебиваться Сликом.

Примерно так:

.mobile-slick .privilege-card:first-child ~ .privilege-card {
  display: none;
}
.mobile-slick.slick-initialized .privilege-card:first-child ~ .privilege-card {
  display: inherit;
}