# Header - Builder

### Create Header Layout

1. Navigate to Template from the `Themename Dashboard -> Template(Theme Builder)`
2. Click `Add New` button on top
3. Put a Header template name and you need to choose the type for the template as **Header**
4. **Click `Publish` button for save template**
5. Click `Edit with Elementor` and start adding the widgets you want to the **Header**

<figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/pT5rBaZQqVLatdPOSjr0/docs-img19s.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/2wP4zWA9Ij744rtN4HzU/docs-img20.jpg" alt=""><figcaption></figcaption></figure>

### Edit Header Layout

1. Navigate to Template from the `Themename Dashboard -> Template(Theme Builder)`
2. Select "Header" Filter and click "Filter" button
3. Click "`Edit width elementor`" link from header layout you want changing
4. In Elementor page builder editor, you can change logo, text, ...

<figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/EiI9b5MingMZh73uiPn0/docs-img21.jpg" alt=""><figcaption></figcaption></figure>

### Change Header Layout

#### Change the header layout in Theme Options:

1. Navigate to Theme Options from the Admin `Theme Dashboard -> Theme Options -> Header`
2. Choose from the Header layout you created earlier or the Header layout available when you installed **Demo Conent.**
3. Click `Save Change` button

<figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/nnHhpJ75MFdXxG5D4pOM/docs-img28.jpg" alt=""><figcaption></figcaption></figure>

#### Change the header layout in Page Options:

1. Go to any page edit you want to change the Header layout
2. Scroll the page to the bottom. You will see the option for **Header** in **Page Options**
3. **Click `Update` button for save page**

<div align="left"><figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/CwSd4DQG1AQPdDi3lvjO/docs-img23.jpg" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://content.gitbook.com/content/QINWGgGRcvoqwKdY3YWH/blobs/ycyhFqPAnSM1giXZyOTu/docs-img24.jpg" alt=""><figcaption></figcaption></figure>

*Notic&#x65;**:** In page options, the options are "empty" or default to "inherit", which will receive the default configuration in Theme options. The options in Page Options apply only to the page you configure.*