# Header Layout 1

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FNmQKWtcEeqg4BHoYx1Uo%2FDemo%20Header%20Type%201%20%E2%80%93%20Elessi%202022-03-05%2017-37-51.jpg?alt=media\&token=957ee612-1877-4eec-a387-30d4064623bd)

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;">**Main Menu**</mark>](https://elessi-docs.nasatheme.com/menus/create-new-menu#following-these-steps-to-create-a-menu)
5. [<mark style="color:green;">**Product Categories Icon**</mark>](https://elessi-docs.nasatheme.com/common-issues-and-faqs/faq-guides/how-to-show-top-icon-filter-categories-on-all-pages)