RTL support
Sign Customiser follows the RTL (right-to-left) direction of your store's theme. To have the app display in RTL mode, you need to check if your theme has RTL direction.
Check if your theme has RTL direction:
To check if your theme has RTL direction on the storefront, right-click and choose "Inspect."
Open the "Elements" tab and check if the dir="rtl" attribute exists.
If the attribute is present, your theme has RTL direction, and the app should display in the correct direction.
Please note that the RTL direction does not work in the preview mode of the app. You will need to check it by customizing your theme or on the live site.
Set up your theme to display RTL direction:
If you cannot find the dir="rtl" attribute in your theme code, you can add it manually. Please note that this will affect your entire store. Follow these steps:
- From your Shopify dashboard, go to "Sales Channels" > "Online Store" > "Themes" > "Actions" > "Edit code."
- From the menu on the left, open "theme.liquid"
Near the top of the file, usually in the first 2-5 lines, you'll see this html tag:
<html class="no-js" lang="{{ shop.locale }}>
Add dir="rtl" to the html tag. The end result will look like this:
<html class="no-js" lang="{{ shop.locale }}" dir="rtl">
Check your live site to see if the customiser has the RTL direction now. If you have any further questions, please feel free to contact us at support@neonsigncustomiser.com."