Slick Carousal In RTL Mode

I 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 

});

Original Article: https://www.ahmadmushtaq.com/slick-carousal-in-rtl-mode/