# Set up Header

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 Ultimate Addons for Elementor, things are going to be much faster. 

**Step 1 -** Go to WordPress **Dashboard** >  **UAE**  > **Header & Footer Builder** >  **Add new**.

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/SpcZER5Ac5v5sudkqpGq/header_create.png" alt=""><figcaption></figcaption></figure>

**Step 2 -** **Add Title** > **Type of Template** choose ‘**Header**’ > click ‘**Publish**’

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/nb5zGAnXQV6ARQjNC0pP/header_create_1.png" alt=""><figcaption></figcaption></figure>

**Step 3 -** Once you publish the header template, click ' **Edit with Elementor** ' to create one from scratch.

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/ei4z6lI6W06o6fK7JeA8/header_create_2.png" alt=""><figcaption></figcaption></figure>

**Step 4 -** Now you can freely arrange the content for your header.

1. Edit **"Menu"**

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FOBk9wOcPgHF6ZoJ3jfe0%2FScreen%20Shot%202025-08-11%20at%203.05.53%20PM.png?alt=media&#x26;token=976ca45a-bd54-467c-bcab-870e9164f151" alt=""><figcaption></figcaption></figure>

2. Edit the "**Logo**"

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FFrzqNQESSdcPfGVOaTOf%2FScreen%20Shot%202025-08-11%20at%203.10.26%20PM.png?alt=media&#x26;token=708c6517-a7b7-44fb-bd8b-633f2221ad92" alt=""><figcaption></figcaption></figure>

3. Edit **"Button"**

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2Fc7w6a97PA714V24jA1Cs%2FScreen%20Shot%202025-08-11%20at%203.11.32%20PM.png?alt=media&#x26;token=f7ad4428-026f-4dea-b69d-fd6e0cd57561" alt=""><figcaption></figcaption></figure>

4. Edit Button Pop-up&#x20;

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FbVJkw8t0vrV3vunDoV6B%2FScreen%20Shot%202025-08-11%20at%203.16.00%20PM.png?alt=media&#x26;token=0c000c5a-b555-42d1-9d53-8fdf7c404fab" alt=""><figcaption></figcaption></figure>

5. Edit Menu Canvas Mobile

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FiKHwXNFnr0SHdBCHa3Wi%2FScreen%20Shot%202025-08-11%20at%203.13.34%20PM.png?alt=media&#x26;token=0a5fc722-9302-4eeb-bd48-8c9584fb79ec" alt=""><figcaption></figcaption></figure>

Once you have made the needed changes to the header design, click ‘**Update**’, and choose where to Display Conditions.

## How are Conditions Displayed?

**Step 1 - UAE** > Choose the tab **Header & Footer Builder** and you can add the template that has been created to the page.

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/wQuyuCbNXxf0JGqNtfnD/setup_header_display.png" alt=""><figcaption></figcaption></figure>

**Step 2 -** Set the conditions that determine where your **Header** is. For example, choose '**Entire Site**' to display the header across your site or you can choose for a specific page, post, taxonomies, etc.

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/GAfhjxvdpnNohF1PIuUS/setup_header_display-2.png" alt=""><figcaption></figcaption></figure>

**Step 3 -** Click **"Update"** and Close