Owlcarousel2: owl-nav disabled

Created on 7 Apr 2017  路  3Comments  路  Source: OwlCarousel2/OwlCarousel2

Here is my code:

$('.carousel-services').owlCarousel({

  loop: true,
  nav: true,
  navText: ['<i class="fa fa-angle-double-left"></i>', '<i class="fa fa-angle-double-right"></i>'],
  smartSpeed: 700,
  reponsiveClass: true,
  dots: false,
  responsive: {
      0: {
          items: 1
      },
      800: {
          items: 2
      },
      1100: {
          items: 3
      }
  }

});

Nav - true, but html adds the class - disabled

Most helpful comment

Can you paste the HTML too? I know that if the number of slides visible is less than or equal to the number of unique slides (e.g. you have 3 slides, disregarding clones, and set 'items' to '3' or more) then the navigation is not shown - I assume because there is nothing to navigate to.

Try putting in more slides and seeing if that fixes the issue

All 3 comments

Can you paste the HTML too? I know that if the number of slides visible is less than or equal to the number of unique slides (e.g. you have 3 slides, disregarding clones, and set 'items' to '3' or more) then the navigation is not shown - I assume because there is nothing to navigate to.

Try putting in more slides and seeing if that fixes the issue

Yes you are right.
Added additional slide - owl nav buttons appeared...

I am new in Owl-carousel but when using loop:true, owl-nav supposed to be shown every time regardless of amount of unique items. Isn't that true?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jhig85 picture jhig85  路  3Comments

JezCheese picture JezCheese  路  3Comments

stratboy picture stratboy  路  3Comments

Uranbold picture Uranbold  路  3Comments

ghost picture ghost  路  3Comments