Slick Carousal in RTL Mode

carousel-night-hero-image

img_0448I have been scratching my head all night to get this thing fixed! We have been using Slick Carousal in one of our projects and it breaks whenever ‘dir=”rtl” is injected into the body tag.

I wish I had came across this before because it costed me a good night sleep and 2 cups of coffee to make it work in the arabic version of the website.

The solution was plain simple, you basically have to use the following option when initializing the carousal:

$('.single-item-rtl').slick({ 

rtl: true 

});

Source: http://kenwheeler.github.io/slick/

 

Leave a Reply