Owlcarousel2: Navigation not working?

[fritx]

$carousel.owlCarousel({
  loop: true,
  items: 1
})

However, the navigation doesn't show automatically.

I use Zepto.
Any ideas? Thanks very much!

[codeniac]

The same for me!! The dots is not showing and autoplay: true is not working either!! What is happening? I use jquery!!

PS.: Both owl-carousel and owl-controls are showing with height 0px! Is this normal? It seams that items: 1 (in my case) is working properly, but none of the other options are being applied!! HELP!! :)

PS 2.: Class owl-loaded is not applied!

[ghost]

Nav dots are not shown for me too! I think author unfortunately forgot to include owl.theme.css styles, i added this css to owl.carousel.css and now dots are visible:

.owl-theme .owl-controls{
margin-top:10px;
text-align:center;
-webkit-tap-highlight-color:transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-]{
color:#fff;
font-size:14px;
margin:5px;
padding:4px 7px;
background:#d6d6d6;
display:inline-block;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
background:#869791;
color:#fff;
text-decoration:none
}

.owl-theme .owl-controls .owl-nav .disabled{
opacity:.5;
cursor:default
}

.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1;
*display:inline
}

.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#869791
}

[zablogic]

Yep! The css for the nav was missing in owl.theme.css. It works again after adding it back

[witrin]

It seems this problem is solved.

[marcustisater]

Why isn't this implemented into owl2? It's broken, you can't see the dots unless you have styled them.

[damon7304]

yep @rustemgareev it work perfecty fine after adding owl.theme.css actually they not provide owl.theme.css file

[jakeoblivion]

As mentioned, author forgot to add them to the zip...
Original theme is found here:
http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.theme.default.min.css

[mike-source]

Still an issue

[codyme]

still an issue

[mikeyaworski]

Wow. this is still an issue...

Edit: changing <div class="owl-carousel" ... to <div class="owl-carousel owl-theme"... made it work.

[guykatz]

I think once I added the 'owl-theme' class to the div it started working.

[jpekeene]

Still an issue @jakeoblivion is right, pasted those into empty css file and all was well again.

[jonabaptistella]

It is still a issue in the last version... @daviddeutsch

[rusticblonde]

Hi, this has been closed but is STILL not working. Any news of a resultion?!?!

[MomentumDigitalCreative]

Be careful not to load or initialise any of the OwlCarousel2 scripts twice, I did by accident and it caused this exact issue.

[MarkGrenville]

This is more than 2 years old.. its very weird that someone didn't add the styles for the dots to the style sheet. Anyway the answer from 6nqymrpaydon worked for me. Thanks.

[lukasz-formela]

As mentioned, author forgot to add them to the zip...
Original theme is found here:
http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.theme.default.min.css

It's a dead link for me.
Also ++ to the thread.