# Create/Edit header/footer using Elementor

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

<figure><img src="https://2198882170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJfi5vNlOlqD2X1BC0WMD%2Fuploads%2F5lYDLRKBLAdcoO8aHTGF%2Fimage.png?alt=media&#x26;token=8218004a-af25-4b22-a228-0c432a124c0e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2198882170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJfi5vNlOlqD2X1BC0WMD%2Fuploads%2Fdc8eZ2ph2DW2kiWJlMOT%2Fimage.png?alt=media&#x26;token=9f92dc64-4ec4-4f64-8f13-a1d020278208" alt=""><figcaption></figcaption></figure>

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="https://content.gitbook.com/content/Jfi5vNlOlqD2X1BC0WMD/blobs/olyCgtoLfZEcqnn85odK/select%20header_1.png" 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 %}

<figure><img src="https://2198882170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJfi5vNlOlqD2X1BC0WMD%2Fuploads%2F9rBgB8JLUJtBkX5d5ZLk%2Fimage.png?alt=media&#x26;token=c70fe808-261d-45aa-a11d-03d41845ec52" alt=""><figcaption></figcaption></figure>
