Rows and columns order on mobile devices RTL

Hi
using RTL on my website so the order of columns should be from RTL on desktop version i customized it to be exactly what i want

but it appears exactly the opposite on mobile devices

how can i change the order of coulmns to appear in RTL direction on mobile phones ?!
Best Regards

Hi @eslammg,

Thanks for reaching out.

Please add this CSS to your Theme Option’s CSS for the fix

@media ( max-width: 979px ) {
.rtl .x-section > .x-container {
    display: flex;
    flex-direction: column-reverse;
}
}

Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.