Layout
The Layout section allows you to control the overall page structure, spacing, and alignment throughout your store.
Here you can enable right-to-left display for languages like Arabic or Hebrew, adjust the width of the site content, and manage spacing between blocks. This section also includes settings for consistent top spacing used across many theme sections, ensuring a balanced and visually clean layout on both desktop and mobile.
Location: Theme settings -> Layout
Layout - Option Overview
Option Group
Option / Setting
Explanation
Layout
RTL
Enables right-to-left layout orientation. Used for languages written from right to left.
Page width: Boxed / Wide
Controls the overall content width. Boxed keeps content centered with side margins; Wide stretches the content across the full screen width.
Left and right page content margin
Adjusts the spacing on the left and right sides of the page content when using boxed layout. Helps create breathing space on larger screens.
GRID
Horizontal space
Sets the horizontal spacing between items in product grids, collection lists, and other multi-column layouts.
SECTION TOP SPACING
Description: The values set here are used by the Top spacing dropdown found in many individual sections. Adjusting these values ensures consistent spacing throughout the site.
—
Desktop
Normal
Sets the standard top spacing value for desktop.
Medium
Sets a reduced top spacing value for desktop. Useful when sections need to appear closer together.
Small
Sets the smallest top spacing for desktop layouts. Helpful for compact layouts.
Mobile
Normal
Defines the standard top spacing for mobile screens.
Medium
Reduces top spacing on mobile for compact layout.
Small
Sets minimal spacing on mobile to save vertical space.
RTL
Ensure language app maintains tag positions in "Theme content" translations. Verify tag order in translations to avoid layout issues in languages like Arabic or Hebrew.
Specify content direction as right-to-left for languages like Arabic and Hebrew which use such writing.
Page width
Options: Boxed or Wide.
Boxed width
Adjust the Boxed width scale to set the page width from 1000 to 1800 pixels when Boxed mode is active.
Here are examples highlighting the variation between maximum and minimum width settings:
Last updated