# Header

Header settings are located in **Appearance** → **Customise** → **Header Settings**.

## Layout

You can choose one of three header options: **Center Big, Center, Side**

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FQLukdXhjYeKubUhByJPu%2Fimage.png?alt=media&#x26;token=06cdef5d-1c17-4b72-af4d-42ccfe91e6e2" alt=""><figcaption></figcaption></figure>

## Sticky Menu

Activating the **Make the navigation bar sticky** option will make the navigation bar visible when scrolling.

By activating the **Enable the smart sticky feature** navigation bar will be revealed when scrolling up and hidden when scrolling down. The feature allows you to save viewport space when viewing your website.

![](https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIZtHfnCi0yDn20wjAk%2F-MI_SV_kjaatQaMH8FKX%2F-MI_SapfFH2IdFro9vJZ%2Fimage.png?alt=media\&token=91a6dafc-ea36-47b1-bfb2-21c5b447b5a4)

## Header Top and Main height

You may change the height of the Header Main for desktop and mobile versions. You may also adjust the height of the Header Top.

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FcbzW1xo0KBx3OwzUhcDt%2Fimage.png?alt=media&#x26;token=7244522f-9509-4469-b76a-7cd9fc0544d6" alt=""><figcaption></figcaption></figure>