# Header Layout 4

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOhXQYmMIJtdCZVhZRyps%2FHomepage%20Digital%202%20%E2%80%93%20Elessi%202022-03-05%2017-54-43.jpg?alt=media\&token=61c60360-57cf-4a58-8347-4f735a6b9898)

Simply go to **Appearance** **→** **Theme Options** **→** **Header and Footer**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fu33nhY0EgbHtuVwFJvdJ%2FElessi%20Theme%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-05%2016-45-12.jpg?alt=media\&token=c58b8f3d-a38b-469a-9271-5d48461695eb)

#### **Elements**

1. [<mark style="color:green;">**Topbar Left**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/top-bar#1.-topbar-left)
2. [<mark style="color:green;">**Topbar Right**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/top-bar#2.-topbar-right)
3. [<mark style="color:green;">**Logo**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/header/set-up-logo)
4. [<mark style="color:green;">**Vertical Menu**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/menus/config-mega-menu/how-to-set-up-mega-menu-vertical)
5. [<mark style="color:green;">**Main Menu**</mark>](https://elessi-docs.nasatheme.com/menus/create-new-menu#following-these-steps-to-create-a-menu)
6. [<mark style="color:green;">**Static Block**</mark>](https://elessi-docs.nasatheme.com/common-issues-and-faqs/faq-guides/how-to-add-the-number-telephone-show-on-the-header)