I wanted to create an Arabic Page

[Ronnie09]

How can I align components to drop right to left instead of left to right?

I tried RTL property it simply aligns the text to the right.

Eg: We have a logo on the left for the English page.

Now Logo should appear on right on the Arabic page this type of RTL stuffs how can we achieve? Every component during authoring also should shuffle to RTL.

[arunpatidar · Accepted solution]

You need to change the floating order of container component

Example :

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: right;
    clear: none;
    width: 100%;
}