CODEWITHSUNDEEP
bootstrap-4
keerthanamsk
keerthanamsk

Reputation: 1

How to use the bootstrap corousel slide image in desktop view at the same time how to stop it in mobile view?

In my carousel slide there are 4 images slide. but I don't want the carousel in mobile view, I just want single image in mobile view.

css change

.carousel-inner .item.active {visibility:hidden;}

Upvotes: 0

Views: 55

Answers (1)

Cichy
Cichy

Reputation: 5292

You can use responsive option of OwlCarousel2

For example:

$('.owl-carousel').owlCarousel({
    loop: true,
    responsive:{
        0:{
            touchDrag: false, // turn off for mobile
            nav: false
        },
        // breakpoint from 480 up
        480:{
            touchDrag: true, // turn on for 480 up devices
            nav: true
        }
    }
})

Upvotes: 1

Related Questions