How to make columns in a row behave correctly for RTL websites?


I have a row with 3 columns on the home page. As the site is written in Hebrew - a RTL language - I want column 1 to be on the right of the screen, not the left.

I tried making sure the Direction is set to RTL on all elements.
I tried using Flexbox.
I tried simply switching the contents of column 1 and 3, but that’s only good for PC displays. On mobile, it displays column 1 first.

Thanks for help :slightly_smiling_face:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @yoramraz1

Switching the Row to Flex seems to work for me, so from LTR it’s 3,2,1

On mobile, change the Flex to Vertical and tick the box for ‘Reverse Layout’ and that shows column 3 at the top, with 2 and 1 following.

Hope that’s what you are looking for :slightly_smiling_face:

That sounds good.