# Header

The Header setting allows you to select the Theme and Logo type for the Header.\ <img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-d8a6f2675d32ad560d6481a2fe1eb6b0c73e2549%2Fbc69a940-5fc9-4a6f-bbd1-0b68d7714478.png?alt=media" alt="" data-size="original">

### Theme

The Header can be shown in Light or Dark theme.

### Logo type <a href="#header-logotype" id="header-logotype"></a>

Depending on the space within your site's Header, you can select how the Logo (with one or two images) is shown. The space could be limited due to a high number of Primary Navigation links that sit inline with the logo.

The following table outlines the Logo type using example logos:

| **Logo type**  | **Final output (desktop)**                                                                                                                                                                                | **Final output (mobile)**                                                                                                                                                                                 |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Default        | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) |
| Stacked        | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) |
| Inline         | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-b4d5f3e11c3c371e9b9631cc01f0f2c0ca177960%2F2642640970.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) |
| Inline stacked | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-b4d5f3e11c3c371e9b9631cc01f0f2c0ca177960%2F2643329079.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) |

As you can see, only "Inline stacked" has a different behaviour on desktop and mobile.