---
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

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

![](https://2575605535-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrH9aW6XqSY9ds7Nu5x%2F-LrH9jTnO_UysYLt8AuE%2F-LrHEMlxddLCpuqEcGXd%2Fheader-default.png?alt=media\&token=187a1b47-a083-4f4e-9b3d-db1d89c4b360)

**Elementor Layout setting**

![](https://2575605535-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrH9aW6XqSY9ds7Nu5x%2F-LrH9jTnO_UysYLt8AuE%2F-LrHEGMsIqBohu7_vorr%2Fheader.png?alt=media\&token=868579f1-8e6d-43a6-9ebd-9e76254eaa65)

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

&#x20;Choose your header for  page.

![](https://2575605535-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrH9aW6XqSY9ds7Nu5x%2F-LrH9jTnO_UysYLt8AuE%2F-LrHEUeNPd8h7HqhGogm%2Fcustomize-header.png?alt=media\&token=e0df1fe6-6d0f-490a-a5f2-93343b35ffca)

