# Header

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Header**
2. Change settings
3. **Save**
   {% endhint %}

### Header Style

The theme supports multiple header styles, including:

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/d9Wd9ZwR8dszfKSH9zC1/image.png" alt=""><figcaption></figcaption></figure>

#### Logo middle left

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2FlS44FufKENiafeXfQ3oX%2Fimage.png?alt=media&#x26;token=4ae2a337-ad9d-46c4-aa1c-fdd07061d8cb" alt=""><figcaption></figcaption></figure>

#### Logo middle center

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2FNEOKqBRxLIHYmiCDuYks%2Fimage.png?alt=media&#x26;token=31b3b3f8-f5c7-40bb-8065-5eadc2bc366f" alt=""><figcaption></figcaption></figure>

#### Logo top left

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2F6dRsFeb0iyOYm6eFZFgR%2Fimage.png?alt=media&#x26;token=7fce541a-1661-41e6-b813-ad42bd0a31ac" alt=""><figcaption></figcaption></figure>

#### Logo top center

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2FwRaxyaXrDCZXLL4cCy7e%2Fimage.png?alt=media&#x26;token=0eeaa573-10ec-4902-8e28-ccb78bb0792c" alt=""><figcaption></figcaption></figure>

#### Logo center & Hamburger menu

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2FooMJrjqtTDGBQui4De95%2Fimage.png?alt=media&#x26;token=74e04c34-3d58-4d9b-9a56-90cb12e38b77" alt=""><figcaption></figcaption></figure>

**Logo left & Hamburger menu**

<figure><img src="https://1655224962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY7qRoEtZDVZADcUOVdzb%2Fuploads%2FdM41p4IfFubosSygDecM%2Fimage.png?alt=media&#x26;token=78008246-7337-4184-9f96-8ac055dd5269" alt=""><figcaption></figcaption></figure>

### Header Color

The theme supports full color customization options.

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/mj21fy7wGYhYm3xa8o67/image.png" alt=""><figcaption></figcaption></figure>
