# 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

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

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-Lrg4cCYSk26A13HUwRq%2F-LrgC4J235iLj_O3J1vC%2Fheader.png?alt=media\&token=1036def7-7544-4001-bc70-3d6332f30cb4)

**Elementor Layout setting**

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-Lrg4cCYSk26A13HUwRq%2F-LrgC7CYiAScLJ9Sd6CN%2Fheader_default.jpg.png?alt=media\&token=512c73cb-a191-4b24-bd4b-ec960739604e)

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

&#x20;Choose your header for  page.

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-Lrg4cCYSk26A13HUwRq%2F-LrgCAUK0NbZLVED1F1z%2Fheader_1.png?alt=media\&token=5329594f-468a-48c8-a499-8e2052c1bb45)

**If you want to know more, please watch our video guide:**

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrlfmDgyMKQz_e_5HFC%2FHeaderfoodo.gif?alt=media\&token=99320155-dd42-4c1d-9aa1-2d6c9885ce10)
