---
description: Create Header and Footer by Elementor
---

# Header/Footer Builder

## Create Header and Footer

Click to **"Add New Header" (Add New Footer)** in **"Header" (Footer)**

![](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2FqUQHa5ysz4dcZxvZzGSN%2FScreenshot%202025-05-20%20134956.png?alt=media\&token=f86990e9-f13f-4fcb-9be4-00d728cef518)

**Enter Name for your builder ->** Click button **"**&#x45;dit with Elemento&#x72;**"**

![](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2F5OyS6ZaZ8h0BFrstE8TG%2FScreenshot%202025-05-20%20140209.png?alt=media\&token=f41800e3-20f8-4dc7-8f8f-bbf80e4752ca)

Our product features a custom-built **Drag & Drop Builder powered by Elementor,** enabling easy customization of **Headers** and **Footers**.\
\
We have created special modules for uses: **Site Logo, Site Title, Page Title, Nav Menu, Search Form, Cart...**

![Header Builder](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOicM0ZiYZczGdaj9x%2F-M1jFXMxWEE_REn2y1BW%2F-M1jNtaRZHCTdOlKRHFR%2FScreenshot_26.png?alt=media\&token=ec852b64-e673-4d62-8376-a1d63972f8aa)

![Footer Builder](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOicM0ZiYZczGdaj9x%2F-M1jFXMxWEE_REn2y1BW%2F-M1jNcwFyqIwLkMCRoK3%2FScreenshot_25.png?alt=media\&token=5e5d8cff-ef2c-40f0-a350-957c633fd0ae)

Click '**Publish**' to save your changes to the Footer (or Header).

In the admin dashboard, click '**Customize**' under **Appearance**.

<figure><img src="https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2FWyICMEv5FHvErIOtF81o%2FScreenshot%202025-05-20%20141807.png?alt=media&#x26;token=adbf162d-00ce-4e0f-94af-985c0e649e6a" alt=""><figcaption></figcaption></figure>

Click **Header** or **Footer**

<figure><img src="https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2FpStHI7BNrkOg8kLGE0a2%2FScreenshot%202025-05-20%20142255.png?alt=media&#x26;token=e18b3208-e9d2-4a0e-b0cc-dc998f632473" alt=""><figcaption></figcaption></figure>

Under **Header Type** (or **Footer Type**), choose the **Header** or **Footer** you created. Then click '**Publish**'.

<figure><img src="https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2F3KE2Gn47GSfkjFQGms8W%2FScreenshot%202025-05-20%20142556.png?alt=media&#x26;token=60192c66-b085-4fe4-be6a-82b13094db3d" alt=""><figcaption><p>choose the <strong>Header under Header type</strong></p></figcaption></figure>

<figure><img src="https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2F6sxNTeb5GSWE0vfBukqh%2FScreenshot%202025-05-20%20142615.png?alt=media&#x26;token=3736a965-0840-49c9-8494-1208f092c709" alt=""><figcaption><p>choose the <strong>Footer under Footer type</strong></p></figcaption></figure>

## **Edit Header and Footer**&#x20;

To edit header and footer.&#x20;

On the topside bar, **Edit with Elementor** Tab --> Click **Footer** or **Header**

![](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtOicM0ZiYZczGdaj9x%2Fuploads%2FsAOAeG1rDwAC6L2tLmv8%2FScreenshot%202025-05-20%20143228.png?alt=media\&token=d1e70e12-4ddd-497e-8e73-1ab8a4025ff2)

There is Elementor Editor, you can edit Logo, menu, social..for footer.

![](https://1135612231-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOicM0ZiYZczGdaj9x%2F-M3MGgBs68hveNSN5ZBu%2F-M3MI_zEZK51dUMNVqcP%2FScreen%20Shot%202020-03-26%20at%209.44.49%20PM.png?alt=media\&token=4b66ef1d-9ec0-4c71-bc9c-93c74b1ec532)
