# Set up Header

**Step 1:** Go to WordPress Dashboard > Appearance > Header & Footer Builder > Add new > Edit with Elementor

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2Fv7xXPHS6rUqjuRm4sSOw%2FScreenshot_6.png?alt=media\&token=008b6576-56e1-413c-a056-1e9f1c7943b1)

By bringing the power of the Elementor editor to the header/footer areas, you can design them any way you like, full-width included, and be able to complete projects faster than ever. You can also save header and footer templates, and reuse them on any other project.

If you are beating yourself up right now for all the hours you lost in the past over your header design, we share your feelings. From now on, with the help of Theme Builder, things are going to be much faster. [Learn How To Build Headers](https://www.youtube.com/watch?v=tDePkL-1tu4)

**Step 2:** Edit Menu​​

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2Fv8YPaqsGIpK4yMFW6Xgf%2FScreenshot_23.png?alt=media\&token=39180101-e78f-4697-b410-3b3b6aa53094)

**Step 3:** Edit "Logo" for shop

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FZzH65P1ODa6r8y0qkMXv%2FScreenshot_22.png?alt=media\&token=38f2fab3-7445-4f11-b4e3-aa438ea031ea)

**Step 4:** Edit Header Group

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FGIGf95uJMVRlRwKK3y0J%2FScreenshot_24.png?alt=media\&token=a34a56cf-8718-407d-bdc2-6045f4d37c6d)

**Step 5:** Edit Vertical Menu

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FwHdSUAmXEAeFGbNStdwH%2FScreenshot_25.png?alt=media\&token=4cacfa77-d69c-4b58-8f63-cfdd6f474e9f)

**Step 6:** Edit Menu Canvas Mobile

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FcVO6HvLwrPejrx2wUbQk%2FScreenshot_26.png?alt=media\&token=cad4755d-8b23-421c-9547-6642ffd75ed4)

**Step 7:** Edit Icon List

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FU7xUsxtYJEuXRHzBoGBP%2FScreenshot_27.png?alt=media\&token=a84a46b8-ed32-4247-8d37-9f9b6c880207)

**Step 8:** Edit Language Switcher

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FH7NYj7w7TVR11Iw52amc%2FScreenshot_28.png?alt=media\&token=8df9accc-5ebf-4ffe-b265-77f2b119cc78)

**Step 9:** Edit Account

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2F71LYiTxfLdJ80MMEqoNe%2FScreenshot_29.png?alt=media\&token=96b07f16-616b-44fd-8188-2fe430f92fac)

**Step 10:** Edit Search Form

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FhYydGH7qOnXN4q37R0iN%2FScreenshot_30.png?alt=media\&token=9f4d2c73-2b0c-4664-8c4e-91c1305a53a8)

## How are Conditions Displayed?

* Choose tab Header Footer & Block and you can add template that has created to page.

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FctlpKS7bhljrFD9ruxOU%2FScreenshot_8.png?alt=media\&token=755a357a-86aa-482b-a8a2-33f0b8f425da)

* Edit the display of your Header Footer & Blocks Template that can add the created template to the page.

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FGXejL1Gx2olwNWZBgdh3%2FScreenshot_9.png?alt=media\&token=15cc1906-0ce3-426a-9f0c-b889929959ac)