# 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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq9HQCwPx_402-0fo5f%2F-Lq9HXaxrbN0i4boDxL4%2F-Lq9VUUFED3SA8oHVTLv%2Fimage_30.png?alt=media\&token=81b3ce90-ba36-4305-8cbb-9430496a6b70)

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

**Step 4** - Use Elementor to drag or drop element to create header.

**Elementor Layout setting**

![](https://3131358339-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRNZl3bi_YzYGED-YpE%2F-MRP6F5k85UviOlIBPGp%2F-MRP6sp6Zm8bjG9KCku0%2Fgainlove-3.png?alt=media\&token=7116886d-3446-434c-ad3f-fd9d52189733)

**Front end look like** :

![](https://3131358339-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRNZl3bi_YzYGED-YpE%2F-MRP6F5k85UviOlIBPGp%2F-MRP6zfv_CFrs5WMDAvr%2Fgainlove-4.png?alt=media\&token=d620f6f9-4bd3-4b21-9293-63b5c2260a43)

**Step 5** - Navigate to : Apperance > Customize > Header.‌

&#x20;Choose your header for page.

![](https://3131358339-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRNZl3bi_YzYGED-YpE%2F-MRP70do05_Iqtivd3Yf%2F-MRP7AnXPLQj6Akn4rpN%2Fgainlove-5.png?alt=media\&token=1652329a-5afc-479e-87a4-761032ae02c8)

**If you want to know more, please click on "**[**How to create Header by Elementor**](https://www.youtube.com/watch?v=VCBUZf64Vx8)**" to know about that.**

{% embed url="<https://www.youtube.com/watch?v=VCBUZf64Vx8>" %}

​
