---
description: Setting up Header for Website
---

# Header

**Step 1** - From admin Dashboard, navigate to **Header Builder** > **Add New Header**

&#x20;**Step 2** - Using **Edit with Elementor** then add element to your Header&#x20;

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-Lq3xTIaITZjdITW2UJk%2F-Lq4yh4KkB8sMvEgVG05%2Fimage_30.png?alt=media\&token=69a8b2c2-8a36-4342-a34c-e25af2873b60)

**Step 3** - Build your header style with unlimited layout

Header layout for you.

&#x20;**Front end look like** :

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ5WewpCGRhGFC3NlV%2Fheader.png?alt=media\&token=4c1a5628-1124-4267-a497-264371177e94)

&#x20;**Elementor Layout setting**

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ5cOVCvXPCTCxqqYO%2Fheader-default.png?alt=media\&token=35465e00-88d7-4b53-b653-eb5abdfe4cfe)

**Step 4** - Navigate to : Apperance > Customize > Header.

&#x20;Choose your header for  page.

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ5gyuS7Glm0qqJpDc%2Fheader_1.png?alt=media\&token=981a6196-e10a-4024-a5d8-883ea08fc46a)

If you want to know more about header, please watch video our guide.

![](https://1584695096-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKo8SpDYNQsb55wQFr%2F-LqYnkDCW2pH5cmejplI%2F-LqZ645XOzN7_TU51SMK%2Fheader.gif?alt=media\&token=7a47f0b2-67e8-42b0-ae07-d3640c92732b)
