# Multiple Layouts

**Multiple Layouts** allows you to create different structures and satisfies any specific styles for different kinds of business.

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 ->** **Multiple Layouts.**

#### **Header: Layout Header**

| Setting      | Description                                                                 |
| ------------ | --------------------------------------------------------------------------- |
| Default      | Set the width of the header to its default size based on the viewport       |
| Fullwidth    | Set the width of the header to be full of the viewport                      |
| Boxed        |                                                                             |
| Custom Width | Manually set the width of the header in the range between 1200px and 1920px |

#### **Body: Layout Body**

<table><thead><tr><th width="196">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Default</td><td>Set the width of the body to its default size based on the viewport</td></tr><tr><td>Fullwidth</td><td>Set the width of the body to be full of the viewport</td></tr><tr><td>Boxed</td><td></td></tr><tr><td>Custom Width</td><td>Manually set the width of the body in the range between 1200px and 1920px</td></tr></tbody></table>

#### **Footer: Layout Footer**

| Setting      | Description                                                                 |
| ------------ | --------------------------------------------------------------------------- |
| Default      | Set the width of the footer to its default size based on the viewport       |
| Fullwidth    | Set the width of the footer to be full of the viewport                      |
| Boxed        |                                                                             |
| Custom Width | Manually set the width of the footer in the range between 1200px and 1920px |

#### **Footer**

<table><thead><tr><th>Setting</th><th width="376">Description</th></tr></thead><tbody><tr><td>Enable Brand In Footer</td><td>To show the Brand Slider Section right on top of the Footer</td></tr><tr><td>Enable Policies In Footer</td><td>To show the Policies Block Section right on top of the Footer</td></tr><tr><td>Layout Boxed</td><td>Set the Background Image for any section has the boxed layout. </td></tr><tr><td>Custom Width</td><td>Manually set the width of the footer in the range between 1200px and 1920px</td></tr></tbody></table>

#### Header Mobile

| Setting  | Description                                                                                                                   |
| -------- | ----------------------------------------------------------------------------------------------------------------------------- |
| Layout 1 | The mobile header will have its logo in the center with other icons being set to both sides.                                  |
| Layout 2 | The mobile header will have its logo in the left along with the dropdown burger with other icons being set to the right side. |

#### Header Mobile <a href="#undefined" id="undefined"></a>

| Setting        | Description                                                                                         |
| -------------- | --------------------------------------------------------------------------------------------------- |
| Layout Default | The mobile menu will share the same content as the menu setup on desktop                            |
| Layout Custom  | The mobile menu will be customized to have icons and links that are different from those on desktop |

**Collections Layout**

| Setting               | Description                                                                                           |
| --------------------- | ----------------------------------------------------------------------------------------------------- |
| Collection Default    | The Default Collection Layout comes with its filter facets on a sidebar.                              |
| Collection Full Width | The Fullwidth Collection Layout will have the filter facets lying on the top of the product showcase. |

**List Collections Layout**

| Setting               | Description                                      |
| --------------------- | ------------------------------------------------ |
| Collection 01 Default | Collections will be displayed in a form of grid. |
| Collection 02 List    | Collections will be displayed line by line.      |

**Blog Page Layout**

| Setting      | Description                  |
| ------------ | ---------------------------- |
| Blog Default | Blogs are shown in group     |
| Blog Simple  | Blogs are shown individually |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/bonnita-documentation/theme-settings/multiple-layouts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.