I work with owl carousel 2 for carousel content.
JS:
$('#owl-demo').owlCarousel({
loop: true,
margin: 10,
nav: true,
items: 1,
});
HTML:
<div id="owl-demo" class="owl-carousel">
<div class="item"><h4>1</h4></div>
</div>
Problem:
when I have one content (dynamic content using PHP) loop:true
and items:1
not work and I see blank But if I add two content Owl worked true!!
EDIT : my content is dynamic ( 1 - ....). when my result is one content owl have a problem.
Problem DEMO
worked DEMO
how do fix this problem ?