Navigation sidebar doesn’t move to the right in RTL languages (Arabic) in v3

[ahmadhadidi]

Hello Wiki.js team,

First of all, fantastic work on v3. It’s gorgeous and incredibly powerful, and I’m thoroughly enjoying working with it.

I’ve noticed a difference in RTL behavior compared to v2. In Wiki.js 2, switching the locale to Arabic moved the navigation menu to the right-hand side, which is the expected layout for RTL languages. In v3, the navigation menu stays on the left, and I couldn’t find a setting to change this.

Steps to reproduce

1. Set the site or page locale to Arabic (or another RTL language).
2. Open any page.

Expected: The navigation sidebar appears on the right, mirroring the RTL layout (as it did in v2).
Actual: The navigation sidebar stays on the left.

Is this a known issue, or is there a setting I’ve missed? I’m happy to provide screenshots or test a fix.

Thanks again for all your work!

[NGPixel]

You can change the navigation sidebar position from the admin > Theme > Sidebar Position

[ahmadhadidi]

Hello @NGPixel , thanks for the input. When I do that it applies to all languages. Is there something I'm missing? I also tried to set the language to Arabic on the top-right corner and then set the position to "Right" and the ToC to "Left" with no luck, the positions apply regardless of the language.

Also, when I switch to arabic, the chevron remains pointing to the right where it should be pointing to the left.

[NGPixel]

Some new controls will be needed as inverting the positions while still showing "Left" or "Right" in the admin will cause confusion.