# Set up Header

### How to Edit Your WordPress Header, the New Way

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

Follow these steps to get it done easily:

* Go to WordPress Dashboard > Templates > Theme Builder&#x20;
* Click ‘Add New Template’ and choose ‘Header’.&#x20;
* 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://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEX45KqoimDSUneHFG%2F-MOEYdPkD3Utg3lXcqIc%2Fimage.png?alt=media\&token=a62a408f-b0e4-4989-a348-e2d011a8bae8)

* Logo

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEX45KqoimDSUneHFG%2F-MOEYn1HbnMYuNrzcFcl%2Fimage.png?alt=media\&token=bbd26ca6-b71c-4889-915d-eb9c0f06aa58)

* &#x20;Header Button Popup
  * menu canvas contact

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEYomFjfC2MYO6_dRp%2F-MOE_aBnmP52qsdpYnOl%2Fimage.png?alt=media\&token=1d7b3af1-0c0b-43b0-bc05-110258f8d130)

* menu popup search

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEYomFjfC2MYO6_dRp%2F-MOEaQb8tXsXhokuWJy9%2Fimage.png?alt=media\&token=0945c326-16a9-4e0c-af44-8cb238599900)

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEYomFjfC2MYO6_dRp%2F-MOEa_ZzkRETsthscwFX%2Fimage.png?alt=media\&token=08a2c9cc-f41d-42aa-b55f-24b341584ad4)

* You can create a new popup template >> Templates >> Popups >> Add New

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEae3kdeYjYccK6e2P%2F-MOEaumyyp2hqyaSxnEB%2Fimage.png?alt=media\&token=e283eda2-a3e3-47d7-9d0d-a4fa30265d46)

Content&#x20;

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEae3kdeYjYccK6e2P%2F-MOEb6xl1GBYiU1FhAMc%2Fimage.png?alt=media\&token=5f24fe98-32d0-4cf2-8a3c-b596f9a049d4)

* &#x20;Menu Canvas Mobile

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEbCAutLoiTexWrqZo%2F-MOEb_RWKIjDRAaoHA5a%2Fimage.png?alt=media\&token=b2e79bc5-cf3f-4508-bab3-d177508511d0)

![](https://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MOEbCAutLoiTexWrqZo%2F-MOEbi3PMHqBY5Rb5Sbl%2Fimage.png?alt=media\&token=b0ac0177-43bb-4dbe-8327-daf150b38390)

* &#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.
  * [Learn How To Conditions Displayed](https://www.youtube.com/watch?v=HsFBi-u_XdM\&feature=emb_logo)

![](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://1170282738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOEU7VxG4RuL91aEo6G%2F-MO_CEHsEtNVle4orNqi%2F-MO_D4VTORCD7AYehPW5%2Fimage.png?alt=media\&token=ab06b54f-ef33-4542-b62f-583b75ebc248)

* &#x20;Click SAVE & CLOSE


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wpdocs.gitbook.io/triply/content-management-1/set-up-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
