Owl-carousel выводит 2 слайда, когда опция прописана «items: 1». Как исправить?

Question

[I_Wizard]

owl-carousel выводит 2 слайда, когда опция прописана "items: 1". Если изменить размер окна браузера мышкой - то слайдер сразу адаптируется, и остается только 1 слайд. Но при перезагрузке браузера - опять 2 слайда на экране.
Вот код вызова слайдера:
$('.owl-carousel').owlCarousel({
items:1,
loop:true,
center:true,
margin:10,

responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});

Вот как выглядит проблема take.ms/HW7iQ
А при ресайзе все становится на место - take.ms/ji4FO

Comments

[justdealman]

линк можно?

[Евгений Вольф]

И по возможности на какой-нибудь codepen :)

[Сергей delphinpro]

В коде ошибок не видно. Лишние опции, вроде responsive (все равно одинаковые), margin (это промежуток между слайдами, а он у вас один) есть, но они вряд ли влияют.
Воспроизведите проблему на codepen.io , посмотрим.

[I_Wizard]

justdealman: www.beinweb.biz/np вот ссылка на тестовый сервер.

[justdealman]

I_Wizard попробуйте инициализировать карусель после fullpage.js

[I_Wizard]

justdealman: Пробовал. даже в отдельный файл выносил. Обычно карусель хорошо работала. Но я работал со старой версией.

[justdealman]

I_Wizard '.main.css', строка 115 — попробуйте убрать '.section' из списка классов (все равно при инициализации fullpage.js стиль для '.section' перепишется на 'display:table').

[I_Wizard]

justdealman: Убрал, и это помогло! спасибо большое! Никогда бы не подумал что ошибку нужно в стилях искать! Я перед тем как поставить fullpage.js пробовал плагин One Page Scroll, но потом плагин поменял, а стили, которые под него писал, остались.

Answer 1

[Artraven]

Дай родителю элемента ширину.