Pebble Theme
Pebble Theme
Theme Settings

Layout

2 min read

How to edit Layout

Steps:

  1. In the theme editor (Customize), click Theme settings.
  2. Locate Layout.
  3. Make necessary changes.
  4. Click Save.

Page width

image

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

image

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:

  1. In the theme editor (Customize), click Theme settings.
  2. Select Layout.
  3. Click ✅ Enable RTL layout.
  4. 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.

  1. 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,ar to 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

image

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:

  1. In the theme editor (Customize), click Theme settings.
  2. Select Layout.
  3. Select ✅ Enable back to top button.
  4. Click Save.
image
Last updated

Input fields

Previous Page

Logo

Next Page

ON THIS PAGE

How to edit LayoutPage widthRight-to-Left supportEnable Back to Top Button

Was this helpful?