Почему слайды Owl Carousel перепрыгивают на новую строку?

Question

[Diversia]

Использую плагин Owl Carousel v2.3.4. Некоторые пользователи жалуются, что слайды перепрыгивают на новую строку:


Код стандартный:

$('.block-list').owlCarousel({
	loop: false,
	margin: 10,
	nav: true,
	pagination : false,
	autoWidth:true,
	dots: false,
	navText: ['<span class="fa fa-chevron-left"></span>','<span class="fa fa-chevron-right"></span>'],
});

Сам поймать баг не могу. Пробовал такое решение:

.owl-stage {
  display: flex;
  justify-content: space-between;
}

Но после этого, уже на других устройствах получается что-то типа гармошки. Т.е. слайды наслаиваются друг на друга. Скорее всего на старых устройствах не поддерживается flex. Решение не помогло.

Answer 1

[Air_Sidney]

Возможны два варианта
1) owl.carousel.min.css не подключили
2) нарушена структура карусели, проверьте вложенность блоков и классы

Comments

[Diversia]

Проблема только у некоторых пользователей. Если бы не был подключен owl.carousel.min.css или была бы нарушена структура вложенности, то проблема возникала бы у всех пользователей.