# Header

This option allows you to customize the header you want for your site. When you created your own topbar in Builder -> Header earlier, you can choose the correct header you created to replace the theme's default topbar via Theme Options -> Builder Option ->Header

<figure><img src="https://4240099660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5LLOBHpYqYVKKoFTsH7P%2Fuploads%2FAB2l9cd7FVrtwgRFcrZB%2F%E1%BA%A3nh.png?alt=media&#x26;token=7662e0f0-ab9b-4dd3-b97e-ccb90ea2f655" alt=""><figcaption></figcaption></figure>

In addition, not only does this function help you choose a new header, this function also helps you add many options so you can customize your header:

* Header Type: Choose the header type you want to display.
* Header Color: Pick a header color for the theme.
* Header Background Color: Pick a header background color (rgba color) for the theme.
* Enable Search: Enable/Disable Header Search.
* Enable Button: Enable/Disable Header Button.
* Text Button: Enter the text button on the header.
* Link Button: Enter the link button on the header.
* Enable Phone: Enable/Disable Header Phone.
* Image Phone: Upload image phone.
* Text Phone: Enter text phone.
* Phone Number: Enter the phone number.
* Enable Sticky: Enable/Disable Header Sticky.
* Enable Float: Enable/Disable Header Float.

<figure><img src="https://4240099660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5LLOBHpYqYVKKoFTsH7P%2Fuploads%2FlMA7le1eqkwiRKtHU2W3%2F%E1%BA%A3nh.png?alt=media&#x26;token=785e4392-a11a-458a-a9ef-aedad946bbf9" alt=""><figcaption></figcaption></figure>

