Different Language Switcher Directions for Arabic and English

Hi H.K.,

I switched to Arabic and Persian on your site and all of the menu items already move to the right for those languages. Here’s a screenshot of how your site looks in Arabic:

Did you manage to resolve this issue or was there something else about the appearance of those menu items you were trying to change?

Let me know and I can help from there!

Siobhan,

I did change nothing.

To give more explanation, contrary to the English and French languages, Persian and Arabic pages are written from right to left (right-to-left direction). When the language is French/English, both main menu and languages are shown from left to right, and when it is Persian/Arabic, both main menu and languages are shown from right to left.
But it is a common format in English/French pages that language icons are located on the right side (opposite direction of menu), and in Arabic/Persian the language switchers are placed on the left side of the page (opposite side).
So, when the page is Arabic/Persian, I would like to have the language icons be placed on the left side (not the right side as it is currently shown), and when it switches into English/French pages, I would like the language icons to be placed on the right side of the pages (right-to-left direction)

Hi there,

So, when the page is Arabic/Persian, I would like to have the language icons be placed on the left side (not the right side as it is currently shown), and when it switches into English/French pages, I would like the language icons to be placed on the right side of the pages (right-to-left direction)

Thank you for explaining. I got a bit muddled as I assumed you wanted the language icons aligned the same way as your main menu.

You could try the following CSS to float the icons in different directions:

#access li.lang-item {
float: right;
}

.rtl #access li.lang-item {
    float: left;
}

Let me know how that goes.

Siobhan,

Thank you very much.
It’s working great! Exactly what I wanted to be!

Cheers,
H.K.

I’m so glad to hear that, H.K!