> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/civi-job-board-wordpress-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxper.gitbook.io/civi-job-board-wordpress-theme/create-edit-header-using-elementor.md).

# Create/Edit header using Elementor

1. To create a unique header for your site, please go to **Admin -> Civi Builder -> Header -> Add New**

<div data-full-width="true"><figure><img src="/files/LvsvL1TF0DSt8sdVY3yB" alt=""><figcaption></figcaption></figure></div>

2. After you create a new header, next select **Edit with Elementor** and edit it in Elementor using the widget in the theme

<div data-full-width="true"><figure><img src="/files/NlpgdPn1WK5vGIPCqDyb" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/X8J9afmwvYjm3kA9av2z" alt=""><figcaption></figcaption></figure></div>

3. After finishing editing the header, select **Publish/Update** to save it

{% hint style="info" %}
**Note: You need to create 2 versions of the header for PC and for mobile tablets in Elementor to edit it to suit devices with different screen resolutions.**
{% endhint %}

4. After you've created your own header, there are two ways to set up your chosen header as the default header for your site:&#x20;

* Method 1: Go to **Edit Page -> Page Options -> Page Header -> Header Type ->** Then select the header that you created before

<div data-full-width="true"><figure><img src="/files/jGnwdKhkyf7buD07sP9Y" alt=""><figcaption></figcaption></figure></div>

* Method 2: Go to Customize -> Header -> Header Type -> Then select the header that you created before

{% hint style="info" %}
Note: You need to select type " Default" first in the option Header Type of the Edit Page. Then after you can select Header type in Customize
{% endhint %}

<div data-full-width="true"><figure><img src="/files/zMzzJUIaWWt3AWmcyw8z" alt=""><figcaption></figcaption></figure></div>