# RTL language

Display all wording using right to left language display

- Source URL: https://www.signcustomiser.com/help/customise/rtl-language/
- Markdown URL: https://www.signcustomiser.com/help/customise/rtl-language.md
- Category: Customise
- Last updated: 2026-03-12

## Article

Sign Customiser is designed to follow the RTL (right-to-left) direction of your store's theme. This guide explains how to check for RTL compatibility, configure your theme, and enable RTL for Shopify and Universal platforms.

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">RTL direction does not work in preview mode. You must check it on your live site or by customising your theme.</p></div>

## Checking for RTL Support in Your Theme

To determine if your theme supports RTL:

1.  Inspect Your Storefront by right-clicking on your storefront and selecting **"Inspect"**.

    ![](/help/intercom-docs/help-centre-images/211fe8011dee790cfd5399260bacf3261846c2b50949283fd312ddc58ca31acb.png)

2.  Open the **"Elements"** tab and check for the attribute `dir="rtl"` . If `dir="rtl"` is present, your theme supports RTL, and the app should display correctly.

    ![](/help/intercom-docs/help-centre-images/428c6d4f1370f07967af52b863fc66bdb631ad56e864e2deb79a33696c3f591a.png)

## Enabling RTL in Shopify

If you cannot find the `dir="rtl"` attribute in your theme code, you can add it manually.

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">Please note that this will affect your entire store.</p></div>

1.  Edit Your Theme Code by navigating to **Sales Channels** > **Online Store** > **Themes** in your Shopify dashboard.

2.  Click on the **"..."** next to the **"Customise"** button and choose **"Edit code"**

3.  Open the `theme.liquid` file from the left-hand menu.

4.  Locate the `<html>` tag near the top of the file, which looks like this:

    ![](/help/intercom-docs/help-centre-images/528a72064abda79740bfb99f93efaacf5458aa19791ef0e3d4ddd61805849d8b.png)

5.  Add `dir="rtl"` to the html tag. The result will look like this:

    **`<html class="no-js" lang="###{{ shop.locale }}" dir="rtl">`**

    ![](/help/intercom-docs/help-centre-images/65446f3df9e142bd21bf4d5cabbc9c1e6d636e368c513a142570f4025105f8d7.png)

## RTL Support for Universal Platform Users

To enable RTL direction for Universal platforms:

1.  Verify Theme Compatibility by consulting your theme’s specifications or inspecting its code (see **"Checking for RTL Support in Your Theme"** above) to ensure the theme supports RTL.

2.  Update Your HTML Code by appending `?rtl=true` to the end of your customiser ID within the `<iframe>` tag you added to your site. This ensures the customiser displays in RTL design.

    Example:

    `<iframe src="https://web.signcustomiser.com/embed/YOUR_CUSTOMISER_ID?rtl=true></iframe>`
