# Set up Header



From now on, you are no longer limited by your theme’s restrictions.

Follow these steps to get it done easily:

* Go to WordPress Dashboard > Templates > Theme Builder
* Click ‘Add New Template’ and choose ‘Header’.
* Name your header template and click ‘Create Header’
* Now you’ll be able to either choose a pre-made header template or create one from scratch.
* Once you have made the needed changes to the header design, click ‘publish’, and choose where to publish the header. The default is ‘entire site’.
* **That’s it! You can now see your handcrafted header live on your site.**

By bringing the power of the Elementor editor to the header/footer areas, you can design them any way you like, full-width included, and be able to complete projects faster than ever. You can also save header and footer templates, and reuse them on any other project.

If you are beating yourself up right now for all the hours you lost in the past over your header design, we share your feelings. From now on, with the help of Theme Builder, things are going to be much faster. [Learn How To Build Headers](https://www.youtube.com/watch?v=tDePkL-1tu4)​

* Menu

![](https://141024286-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpcfoHDrSk5YzqFoRZ%2F-MQpt1L3Cdw7pHv7oi-N%2F-MQpyJnqR6GDwNmtg6zF%2FScreenshot_6.png?alt=media\&token=8bb52728-6184-4494-83a0-c6d91c57bc0e)

* Logo

![](https://141024286-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpcfoHDrSk5YzqFoRZ%2F-MQpt1L3Cdw7pHv7oi-N%2F-MQpyUaO6QQixbjbeKw0%2FScreenshot_7.png?alt=media\&token=e2995ee2-af6b-4084-bd7d-168ea9ae67d1)

* Header Group

![](https://141024286-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpcfoHDrSk5YzqFoRZ%2F-MQpt1L3Cdw7pHv7oi-N%2F-MQpyor_rqcIHcQI7gkd%2FScreenshot_8.png?alt=media\&token=217990a5-3e49-4a77-a1b9-0503dc527ce2)

* menu canvas

![](https://141024286-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpcfoHDrSk5YzqFoRZ%2F-MQpt1L3Cdw7pHv7oi-N%2F-MQpz-i6VmxgaWyWAk5K%2FScreenshot_9.png?alt=media\&token=edb02029-dad3-4eda-837c-edf6d66a4165)

* &#x20;How are Conditions Displayed?
  * Each _Condition_ setting lets you _Include_ or _Exclude_ a condition.
  * For example, we have a _Header_ template with the **Include** condition _Entire site_. We can add a second condition of **Exclude** for a specific page – let’s use Front page.
  * Now we’ll have two headers on our site. The first one across the entire website, and another displayed only on the homepage.
  *

![](https://gblobscdn.gitbook.com/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MIMqo71Ua2C3vTOb6pp%2F-MIMrwbMH-OkJ6G0GOCd%2Fimage.png?alt=media\&token=6cc168d8-114e-4fd6-96b1-aa2e1d7372a4)

![](https://gblobscdn.gitbook.com/assets%2F-MGbFxd9X6wS6x8pAOzM%2F-MGbmOHAAJRN2T326nrV%2F-MGbwj-9SBQgQ84QIXjU%2FScreenshot_18.png?alt=media\&token=0f0cfbaa-7782-44af-89c4-102e2fe99a8f)

You can always click on **Display conditions** to add, change or remove conditions.

![](https://gblobscdn.gitbook.com/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MO_CEHsEtNVle4orNqi%2F-MO_D4VTORCD7AYehPW5%2Fimage.png?alt=media\&token=ab06b54f-ef33-4542-b62f-583b75ebc248)

* &#x20;Click SAVE & CLOSE
