How to change float right for sub-category in rtl-lang

[scoopsat]

Hello,

I want to help me with the direction of the subcategories left to right for LTR mode and right to left for RTL mode.

For example, there are three subcategories here:
http://sc2scoopsat.universe.wf/fr/90-sans-gluten-et-diete

And here there is a carousel for the parish categories because there are more than 6 sub-categories:

http://sc2scoopsat.universe.wf/fr/92-epicerie-alimentation

 

How to make subcategories appear from right to left in .lang-rtl . mode 

http://sc2scoopsat.universe.wf/ar/90--

http://sc2scoopsat.universe.wf/ar/92--

 

I tried changing the float with the following code:

 

.lang-rtl .wt_subcategory .owl-carousel .owl-stage {
     float: right;
}

 

Only works with subcategories containing 5 or fewer subcategories

 

Categories that fill the page when there are 6 disappear in RTL mode

 

Thank you so much

[scoopsat]

up

[Ali Samie]

I think it is better to fix this when creating the owl carousel object. 

I tried this https://stackoverflow.com/questions/46722725/owlcarousel-2-change-settings-after-init

But did not work. I recommend you to find a way to do this with owl object and not mess with the css because it is a library and has options to do so. If you change css you might change some thing in other parts of the website and you are not aware of them

[Ali Samie]

As I mentioned just earlier, I think this is how you should do this:
https://owlcarousel2.github.io/OwlCarousel2/demos/rtl.html

You need to set rtl to true when page is in rtl

They say it is like this in js:

owl.options.rtl = true;

But I could not make it work

[scoopsat]

Thanks stifler97 for your reponse
I'm using module for sub-category, I couldn't find js file for it.