Dawn Theme - Right to Left (RTL)

Technical Q&A
,
1

Hello All! I am fully aware now that the Dawn theme does not support RTL. I came to know after fully developing the website. I have 2 languages. English and Arabic. The Dawn theme does not support the RTL alignement. Any tips or help is highly appreciated. TIA ( URL: www.golfunderwear.shop )

2

Hi @golfunderwear

The most reliable long-term solution is to migrate your content to a new theme from the Shopify Theme Store that is specifically advertised as “RTL-Ready.” This will prevent future headaches.

As a temporary fix, you can add custom CSS to your base.css file. Shopify adds dir="rtl" to the <html> tag when Arabic is selected. You can use this to force right-to-left alignment:

/* --- RTL Language Fixes --- */
html[dir="rtl"] body {
  text-align: right;
}
/* Reverses flexbox elements */
html[dir="rtl"] .grid {
  flex-direction: row-reverse;
}

This is just a starting point, as you’ll likely need to add more rules for menus and other elements. For an easier, no-code solution, an advanced translation app might be able to inject the necessary RTL-CSS for you.

Hope this helps!