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


---

# 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://uxper.gitbook.io/civi-job-board-wordpress-theme/create-edit-header-using-elementor.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.