javascripthtmljquerycssowl-carousel-2

Owl Carousel ignoring cover property

I am using OwlCarousel 2.3.4 and I have the carousel working but it seems to be ignoring the coverproperty set in my CSS so it is displaying all images side by side rather than as a cover.

I have created a CodePen with my code (I have removed most of the content to keep it small but the Owl Carousel issue is still there) - CodePen

Solution

  • Initially, owl carousel shows 3 items. If you want to customize the item, you can just add an item property where you have initialized the carousel.

    something like this one example--

    ` $(document).ready(function(){
  $(".owl-carousel").owlCarousel({
    loop: true,
    autoplay: true,
    items: 1
  });
});`