# Multiple layouts

**Layout** enables you to create various structures and satisfy any specific styles for various types of businesses.

1. From your Shopify admin, go to **Online Store ->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Layout.**

<table><thead><tr><th width="244">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p>Select the section width from the dropdown menu:</p><ul><li><strong>Full width:</strong> Set the width of the section to be full of the viewport.</li><li><strong>Page width:</strong> Set the width of the section to page width.</li></ul></td></tr><tr><td>Page width</td><td>Determines the default width of page layout. Can be from 1000px to 1800px, increasing arithmetically of 100px (pixel).</td></tr></tbody></table>

**Full width**

<table><thead><tr><th width="240">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Padding left/right of layout</td><td>Determines the distance from the body container to both sides of the browser.</td></tr></tbody></table>

**Grid**

*<mark style="color:red;">Affects areas with a multicolumn layout.</mark>*

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Horizontal space</td><td>Determines the horizontal spacing between columns on multicolumn layout. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Vertical space</td><td>Determines the vertical spacing between columns on multicolumn layout. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>