Design• 5 min read

Arabic RTL on Shopify: what actually breaks

Themes that claim RTL support usually mean the text flows right to left. Directional icons, sliders, type scale and checkout are where bilingual Shopify stores actually come apart.

Most themes advertise RTL support. What they usually mean is that text flows right to left. That is the easy half.

The things that break quietly

Icons that imply direction — back arrows, carousel controls, progress indicators — keep pointing the wrong way, because they were placed with fixed positioning rather than logical properties. Sliders scroll the wrong direction. Numbers, prices and dates sit awkwardly in mixed sentences. And any component built with left and right in its CSS instead of inline-start and inline-end has to be rewritten rather than flipped.

Typography is not a swap

Arabic type has different vertical proportions to Latin. Dropping an Arabic face into a layout tuned for English gives you cramped line height and headings that lose their weight. It needs its own type scale, not a substitution.

There is also a performance cost nobody budgets for: bilingual stores load two typefaces. Without a deliberate font strategy, the Arabic side of the store is measurably slower than the English side.

Build it once, properly

  • Design RTL from the wireframe, not as a mirrored afterthought
  • Use logical CSS properties so one theme serves both directions
  • Route locales through Shopify Markets rather than duplicating the theme
  • Test the full journey in Arabic — including checkout, which is where mirroring usually fails

Two diverging theme copies is the outcome to avoid. It works on launch day and drifts apart every month after.

LET'S BUILD YOUR
next big thing

Tell us what your store needs and where it's stuck. You'll get a clear, fixed-price plan within 48 hours.

Let's Talk