# Customizing header

To customize the header, our theme support option to set it in Customize -> Header

Here, there are 3 options for customizing the header: Header Top; Header Main, and Header Bottom.

{% hint style="info" %}
**Note: These 3 options only work when you create a new header called My Custom in General -> Header type -> My Custom**
{% endhint %}

<figure><img src="https://1864180811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRfTjj3n250wiusn8fRYN%2Fuploads%2FOqyXkllQkcZ3ZhvhlbnW%2Fimage.png?alt=media&#x26;token=ccbcb39c-59e6-415c-8c28-94ce8814dc7a" alt=""><figcaption></figcaption></figure>

#### Header Top:

If you want to use the top bar to enter featured ad message content, you can enable it in the header top option -> Enable top bar

<figure><img src="https://1864180811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRfTjj3n250wiusn8fRYN%2Fuploads%2FV7sUxF1SIZpwZFmlI5rS%2Fimage.png?alt=media&#x26;token=423acd31-7689-461f-b961-da5792459d3d" alt=""><figcaption></figcaption></figure>

And here, you can customize the distance, color,... for it

#### Header Main

In this option, you can customize whatever you want on your header, you can customize the position of the logo, menu. Or you can customize the distance, image, and color,... for it

<figure><img src="https://1864180811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRfTjj3n250wiusn8fRYN%2Fuploads%2FDEw2H9MDkseGMUnUsiOh%2Fimage.png?alt=media&#x26;token=1fb65525-a09d-4019-b8ff-030bf150d198" alt=""><figcaption></figcaption></figure>

#### Header bottom

As a header main, you can customize whatever you want on your header, you can customize the position of the logo,.. Or you can customize the distance, image, and color,... for it

<figure><img src="https://1864180811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRfTjj3n250wiusn8fRYN%2Fuploads%2FOvJzeg2yNAQVV44bpqtr%2Fimage.png?alt=media&#x26;token=d47f4aba-ae49-429e-8a07-31d1f4c92919" alt=""><figcaption></figcaption></figure>

**Note:** If you use the default header of the theme or want to use the header that you have customized, go to **Edit Page** -> **Page Option** -> **Header** -> **Header Type**  And select the header you want. If it's the header that you custom, choose **My Custom**

<figure><img src="https://1864180811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRfTjj3n250wiusn8fRYN%2Fuploads%2FbmCzk4vjdBFSfmxzASo4%2Fimage.png?alt=media&#x26;token=be723f39-4933-4e6a-ac5b-9f7bf42ec185" alt=""><figcaption></figcaption></figure>
