> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# Set the page width and side margins in Facet

> Set Facet's maximum page width and the minimum margin at the sides of the page, and see how both shape the width of every section on large screens.

The **Layout** settings decide how wide your store's content can get on large screens and how much space stays free at the sides. Every section measures its own width from these two values. This page explains both settings and how they work with each section's **Page width**.

## What these settings control

* The maximum width of the content column on large screens.
* The smallest gap between the content and the edge of the screen.
* The real widths behind each section's **Page width** options.

## How to access

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Open Theme settings**

Click the **Theme settings** icon in the left sidebar.

**3. Open Layout**

Expand **Layout**.

![The theme editor with Theme settings open and the Layout group expanded in the sidebar.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/theme-settings/layout/layout-location.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=016b80f78fd31634b813de3112c6f404)

## Layout settings

![Theme editor sidebar showing the Layout theme settings: Layout, Page width, Minimum page margin.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/theme-settings/layout/layout-settings-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=cfef8948f0588cba00619a98e1cb7112)

> [accordion] Page width
>
> The widest your content gets. On screens wider than this, the content stays centered and the extra space goes to the sides.
>
> * **Narrow** (default): 1440 pixels.
> * **Wide**: 1760 pixels.

> [accordion] Minimum page margin
>
> From 10 to 100 pixels. Default: 100. The smallest space kept between the content and each side of the screen on large screens. On screens narrower than 990 pixels, Facet uses a fixed 16 pixel margin instead.

## How sections use these values

Each section has a **Page width** setting under **Common settings**. Its options are measured from the values above. With the defaults (**Narrow** page width and a 100 pixel margin):

* **Regular**: the page width minus the margin on each side, so 1240 pixels.
* **Narrow**: 1024 pixels (about 1250 pixels with a **Wide** page width).
* **Narrower**: about 680 pixels (about 830 pixels with a **Wide** page width).
* **Fluid** and **Full** ignore the page width and use the whole screen.

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for every option.

## Best practices

* **Pick Wide for picture-led stores.** A wider page gives large photos and four-column product grids more room on big monitors.
* **Keep Narrow for text-heavy stores.** Lines of text are easier to read when they don't stretch across a wide screen.
* **Lower the margin with care.** A small margin brings content close to the screen edge on laptops, which can feel cramped next to the browser frame.

## Related guides

> [card] [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md)
>
> Set each section's page width and padding.

> [card] [Grid](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/grid.md)
>
> Set the gaps between cards inside the content column.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.