# Layout

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2Frhjfw1g9l6Zup6GCYeWJ%2Fimage.png?alt=media&#x26;token=4e93e2fc-e823-4801-9f91-556e80ec6757" alt=""><figcaption></figcaption></figure>

## 1. Container:&#x20;

**Container** setting controls the width and structure of the content area on your website

## 2. Layout Drop-down: &#x20;

This feature allows you to set the position of sidebar for all pages except Blog Pages and Shop Pages

### 2.1 Set layout ( the position of sidebar ) for all pages

Suppose that you want to set "right sidebar" option for all pages

Step 1: Go to Appearance >> Customize >> Layout: select right sidebar

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2F7gXQ4UISCisuYeoqUMdG%2Fimage.png?alt=media&#x26;token=87f0b5d5-fbc6-4301-ae60-a84da1c76283" alt=""><figcaption></figcaption></figure>

Step 2: Choose "right sidebar" option for blog pages and shop pages:&#x20;

* Go to: Appearance >> Customize >> Blog >> Archive >> Layout Drop-down: Select "Right Sidebar"
* Go to Appearance >> Customize >> Blog >> Single >> Layout Drop-down: Select "Right Sidebar"
* Go to Appearance >> Customize >> WooCommerce >> Product Catalog >> Layout Drop-down: Select "Right Sidebar"
* Go to Appearance >> Customize >> WooCommerce >> Product Detail >> Layout Drop-down: Select "Right Sidebar"

Step 3: Go to: Pages >> All Pages >> Edit Pages

* &#x20;Set default template for pages

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2FzxJ8g2GjzKtHJ9TLZt5h%2Fimage.png?alt=media&#x26;token=883b846f-0a84-43fb-bd4a-f65358e0e6f3" alt=""><figcaption><p>Choose Default template for the pages</p></figcaption></figure>

* Move on:  General setting >> Main Layout tab : choose global option ( **Please, note**: To display General Setting Area, you have to install and active CMB2 plugin.  )

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2FetuGbzWMnesYFO2nYGSZ%2Fmain-layout.png?alt=media&#x26;token=23511ec2-cd4d-4e08-83bf-78829dee79ef" alt=""><figcaption></figcaption></figure>

### 2.2 Set layout ( the position of sidebar ) for  a Page

Step 1: Go to: Pages >> All Pages >> Choose a page to edit

Step 2: In template tab in the right site: choose "Default template"

Step 3: Move on: General Setting >> Main Layout: select one of below options:&#x20;

* Global: Use the layout setting in Appearance >> Customize >> Layout >> Layout drop-down
* No Sidebar, Right Sidebar, Left Sidebar: If you choose one of these options, the setting for layout drop-down in Appearance >> Customize >> Layout won't affect the page.&#x20;

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2F4RC8dHBobOEl9R9AQWBP%2Fimage.png?alt=media&#x26;token=27d383eb-33be-4fc1-881b-d2261e9e8d80" alt=""><figcaption></figcaption></figure>

### 3. Wide Site Drop-down

This feature allows you set width for all pages:  select "Wide" if you want to have a full page layout or "boxed" if you want to a boxed page layout.&#x20;

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2FIYbZ9Zjb8kTHj8L3uhoA%2Fcustomize-layout-1.png?alt=media&#x26;token=91fb498f-80fb-4739-b8ac-f227838bcd67" alt=""><figcaption></figcaption></figure>

### 3.1 Set "Wide Site" for all pages

Suppose that you want to choose "wide" option for all pages:&#x20;

Step 1: Go to Appearance >> Customize >> Layout >> Wide Site: choose wide

Step 2: Go to Pages >> All Pages >> Edit Pages

* With template tab in right side, choose default template and Elementor Full Width

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2FqOJWUkNpACysC0mxXqdF%2Fimage.png?alt=media&#x26;token=9be7c391-dc52-4494-884c-5d93996a9391" alt=""><figcaption></figcaption></figure>

* Move on General setting >> Wide Site: Global. ***Please, note***:  To display General Setting Area, you have to install and active CMB2 plugin.&#x20;

<figure><img src="https://1746873173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnKz931294yMho9VYdY7X%2Fuploads%2FZbbBVdrNWMvxkafgiw1v%2Fimage.png?alt=media&#x26;token=52fb7380-126e-4106-aa76-9caf74c17ed7" alt=""><figcaption></figcaption></figure>

### 3.2 Set Wide Site for a Page

Step 1: Go to Pages >> All Pages >> Chose a page to edit:&#x20;

Step 2: With template tab in right side, choose default template and Elementor Full Width

Step 3:  Move on General setting >> Wide Site: Choose of below options:&#x20;

* Wide: If you like to have a full-width page
* Boxed: if you want to a boxed page layout