> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/wp-golo/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/wp-golo/header-footer-builder.md).

# Header/Footer Builder

## Create Header and Footer

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

![](/files/sihhibZEO0nQ1v4U38I0)

**Enter Name for your builder ->** Click button **"**Edit with Elementor**"**

![](/files/Ez1GZqtMks68b3UTmVGS)

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](/files/-M1jNtaRZHCTdOlKRHFR)

![Footer Builder](/files/-M1jNcwFyqIwLkMCRoK3)

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

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

<figure><img src="/files/Vty5oXzyV6wGAUqlEt6B" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/fQYOth4ZY0EuDucJdSKt" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/gAF1n9UBGEk6CL0NEeRb" alt=""><figcaption><p>choose the <strong>Header under Header type</strong></p></figcaption></figure>

<figure><img src="/files/E6eJkG3TlAIqN1q1If7n" 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**

![](/files/BunLqn3Kbxit0aNuIpcW)

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

![](/files/-M3MI_zEZK51dUMNVqcP)