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

# Layout

> Configure Everest's global layout settings and the shared behavior they control across the store.

The Layout settings control shared theme behavior across Everest. Because these values affect multiple sections and templates at once, they are best used to set global design direction and core storefront behavior before adjusting individual sections.

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-overview.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=433b959580fe31408b9ee4387855993c" alt="Layout theme settings overview in Everest" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-overview.png" />

## What these settings control

* Headings, text content, and on-page messaging
* Layout structure, width, alignment, and spacing
* Color schemes, contrast, and shared visual styling

## How to access

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Open Theme settings">
    Select **Theme settings** in the customizer sidebar.
  </Step>

  <Step title="Choose Layout">
    Open **Layout** to review and update the shared settings in this category.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-location.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=0a2f8c6f3e55eb042bfbda322bdb2328" alt="Layout location in the Everest theme settings" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-location.png" />

## Settings

### Settings

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-settings.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=db8215da6bce027361729f4de5dd3b00" alt="Settings settings in Everest Layout" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-settings.png" />

<AccordionGroup>
  <Accordion title="Page width" icon="grid">
    Adjust **Page width** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `720` to `1920`  **Default:** `1440px`
  </Accordion>

  <Accordion title="Section spacing unit size" icon="grid">
    Adjust **Section spacing unit size** with a slider-based control.

    **Range:** `0.2` to `2.4`  **Default:** `1.6rem`

    Affects the spacing between sections.
  </Accordion>
</AccordionGroup>

### Grid

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-grid.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=f2d652571e163b8958dc03adff15cc6b" alt="Grid settings in Everest Layout" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-grid.png" />

<AccordionGroup>
  <Accordion title="Grid horizontal gap" icon="grid">
    Adjust **Grid horizontal gap** with a slider-based control.

    **Range:** `0.4` to `4.0`  **Default:** `0.8rem`
  </Accordion>

  <Accordion title="Grid vertical gap" icon="grid">
    Adjust **Grid vertical gap** with a slider-based control.

    **Range:** `0.4` to `4.0`  **Default:** `0.8rem`
  </Accordion>
</AccordionGroup>

### Pages with sidebar

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-pages-with-sidebar.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=7b106ee5883fc240fa4d23a4aa6de116" alt="Pages with sidebar settings in Everest Layout" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-pages-with-sidebar.png" />

<AccordionGroup>
  <Accordion title="Sidebar for pages" icon="sparkles">
    Enable or disable **Sidebar for pages**.

    **Default:** `enabled`

    Sidebar layout will be used for pages like contact, FAQ, about us, etc.
  </Accordion>

  <Accordion title="Color of page" icon="palette">
    Select the color scheme used for **color of page**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-6`
  </Accordion>

  <Accordion title="Color of page content" icon="palette">
    Select the color scheme used for **color of page content**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>
</AccordionGroup>

### Drawer

<img src="https://mintcdn.com/digifist/dPaMiDtGVDr4HQt5/images/theme/everest/theme-settings/layout-drawer.png?fit=max&auto=format&n=dPaMiDtGVDr4HQt5&q=85&s=664a9f8e0b1385e29bd37ea82944e6b3" alt="Drawer settings in Everest Layout" width="3280" height="2186" data-path="images/theme/everest/theme-settings/layout-drawer.png" />

<AccordionGroup>
  <Accordion title="Color for drawers" icon="palette">
    Select the color scheme used for **color for drawers**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>
</AccordionGroup>

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Change one global setting area at a time and preview multiple templates before publishing.
* Remember that theme settings affect many sections at once, so small adjustments can have wide impact.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
