2015-09-08 4 views
1

Я использую owl.carousel для создания карусели на сайте drupal.owl carousel width issue while screen resize

У меня есть 3 коробки для показа в первый и следующий и предыдущие стрелки, но сам JS добавляет его ширину для элемента Owl, поэтому при изменении размера экрана вместо 3 ящиков появляется 4 коробки, которые перекрываются друг с другом.

Я попытался дать ширину с !important, но ширина обертки динамическая, и я не могу ее изменить.

Просьба Дайте мне решение для удаления ширины или ширины JS, чтобы оно было применено, как показано на рисунке, для полей с изменением размера экрана не должно перекрываться и показывать 3 окна.

+0

* Сова-карусельного * дают вам возможность установить не пункта для просмотреть, под определенной шириной экрана, прочитать его документацию. – vivekkupadhyay

+0

ok ya Я видел это, но он не реализуется http://www.owlcarousel.owlgraphic.com/demos/responsive.html – nikita

+0

ну, если вы не изменили его классы по умолчанию, предоставляя ** JSFiddle ** будет более полезно. – vivekkupadhyay

ответ

0

Yeiii

Я получил ответ надеюсь, что это поможет любой из вас

jQuery(".owlCarousel").owlCarousel({ 
     navigation:true, 
     itemElement:'.views-row', 
     items : 3, 
     itemsMobile : [768,1], 
     itemsDesktop : [1500,3], 
     rewindNav:false, 
     navigationText: false 
     }); 

Укажите ширину в соответствии с требованием