# Header Mobile - Builder

### Create Header Mobile Layout

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

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/TogfLQHOrhmnkDPYbzov/docs-img25.jpg" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/VPjW71KiGdawAdMCpyDg/docs-img26.jpg" alt=""><figcaption></figcaption></figure></div>

### Edit Header Mobile Layout

1. Navigate to Template from the `Themename Dashboard -> Template`
2. Select "Header Mobile" Filter and click "Filter" button
3. Click "`Edit width elementor`" link from header mobile layout you want changing
4. In Elementor page builder editor, you can change logo, text, ...
5. Click `Update` button for save template

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/GsbPhXdRGt6hAVcMLV0b/docs-img27.jpg" alt=""><figcaption></figcaption></figure>

### Change Header Mobile Layout

#### Change the Header Mobile layout in Theme Options

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

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/AXSLzzF6mCeYfEcAnJdZ/docs-img29.jpg" alt=""><figcaption></figcaption></figure>

#### Change the Header Mobile layout in Page Options

1. Go to any page edit you want to change the Header Mobile 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/U7jZgAFh09s8IWFLaoah/blobs/mnySK1ysOchN1g9vnIMI/docs-img23.jpg" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/Vm99ynkEpxNDKGjgNiSc/docs-img30.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.*