Owl Carousel ignoring cover property

Issue

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
  });
});`

Answered By – Nayeem M. Muzahid

Answer Checked By – Gilberto Lyons (AngularFixing Admin)

Leave a Reply

Your email address will not be published.