> For the complete documentation index, see [llms.txt](https://elessi-docs.nasatheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elessi-docs.nasatheme.com/header-and-menu/header/header-layout/header-layout-3.md).

# Header Layout 3

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FM3KZOE6ZzvxIGvB4L74b%2FDemo%20Header%20Type%203%20%E2%80%93%20Elessi%202022-03-05%2017-49-23.jpg?alt=media\&token=cf86444c-f92c-4ec9-a79a-18cd5e057e72)

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/header/header-layout/pages/-MV6EH-JtTk3dkArPQzM#1.-topbar-left)
2. [<mark style="color:green;">**Topbar Right**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/header/header-layout/pages/-MV6EH-JtTk3dkArPQzM#2.-topbar-right)
3. [<mark style="color:green;">**Logo**</mark>](/header-and-menu/header/set-up-logo.md)
4. [<mark style="color:green;">**Product Categories Icon**</mark>](/common-issues-and-faqs/faq-guides/how-to-show-top-icon-filter-categories-on-all-pages.md)
5. [<mark style="color:green;">**Main Menu**</mark>](/header-and-menu/menus/create-new-menu.md#following-these-steps-to-create-a-menu)