Layout

Learn how to adjust page layout, including content width, section heading, and corner radius.

Steps

1. In the theme editor (Customize), click Theme settings

2. Locate Layout

3. Make necessary changes

4. Save.

This option lets you adjust the layout of the whole store, which includes:

• Page content width: Slide to choose the width for the whole store content, the range is 900 - 1680px.

• Section heading alignment: Left/ Center/ Right.

• Section heading alignment on mobile: Inherit/ Left/ Center/ Right.

You can also change the Corner radius of Buttons and Inputs to:

• Square

• Slightly round

• Rounded

• Pill

Square

Square button

Square input

Slightly round

Slightly round button

Slightly round input

Rounded

Rounded button

Rounded input

Pill

Pill button

Pill input

And Blocks, Product cards, and Badges to:

• Square

• Rounded

• Pill (excluding Badges)

for the entire store.