Layout
Control overall content layout by adjusting the page width
How to edit Layout
Steps:
In the theme editor (Customize), click Theme settings.
Locate Layout.
Make necessary changes.
Click Save.
Page width
Use the slider or manually enter a pixel value to define your store’s overall page width. The range is 1200 - 2000px.
This setting helps you maintain a consistent layout across all pages, ensuring that your store looks clean and balanced on different screen sizes.
A wider width works best for large screens and modern layouts.
A narrower width creates a more compact and focused appearance.
Right-to-Left support
An RTL (Right-to-Left) layout is a website design in which the content flows from right to left, commonly used for languages written in this direction.
Steps:
In the theme editor (Customize), click Theme settings.
Select Layout.
Click ✅ Enable RTL layout.
Enter the Languages support RTL. Enter ISO language codes separated by commas (e.g.,
he,ar).
Leave the field blank to apply RTL support to all languages.
Click Save.
Enable RTL: Toggle ON to apply RTL layout for supported languages.
Languages support RTL: Enter ISO language codes separated by commas. Leave the field blank to apply RTL support to all languages.
💡 Example: Use
he,arto apply RTL only for Hebrew and Arabic.
Best practices
Enable RTL layout when using right-to-left languages such as Arabic or Hebrew.
Make sure your RTL languages are already added and published in Shopify Settings > Languages before enabling this feature. Learn more
Enable Back to Top Button
With just one click, customers can quickly navigate back to the top of the page, making it easier for them to continue browsing or locate essential information.
This option is especially helpful for stores with infinite scrolling, long-form product pages, or extended home layouts.
Steps:
In the theme editor (Customize), click Theme settings.
Select Layout.
Select ✅ Enable back to top button.
Click Save.
Last updated