how to use owl carousel sync with RTL direction

Question

i want to use owl carousel sync with RTL direction but not working

i wrote following style to fixed this problem bug my sync owl carousel not working :

.owl-carousel .owl-item{
   float: right !important;
}

what to do now?

Answer 1

Try rtl: true

$('.owl-carousel').owlCarousel({
    rtl:true,
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:5
    }
}
})