# Header Layout 2

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FJl3V1jtlCj5ICp0JfEjZ%2FDemo%20Header%20Type%202%20%E2%80%93%20Elessi%202022-03-05%2017-45-32.jpg?alt=media\&token=e268df3d-a2f0-4e10-b6af-832a2b95be2e)

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;">**Icons social network**</mark>](https://elessi-docs.nasatheme.com/single-product/extended-features/social-share)
4. [<mark style="color:green;">**Logo**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/header/set-up-logo)
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)
6. [<mark style="color:green;">**Main Menu**</mark>](https://elessi-docs.nasatheme.com/menus/create-new-menu#following-these-steps-to-create-a-menu)