# Header

{% embed url="<https://www.youtube.com/watch?v=RczSrKJCzqA&feature=youtu.be>" %}

The header is a versatile and integral part Kalium, offering a range of customization options to suit any design preference. It serves as the primary navigation and branding area, and with its extensive layout possibilities, you can create a header that complements your site’s overall aesthetics.

This flexible structure allows you to create a header that seamlessly integrates with your site’s design and enhances its functionality.

To customize the header go to **Appearance -> Customize -> Header**

You can choose between pre-defined header types (or layouts): **Standard**, **Fullscreen**, **Off-Canvas Side**, **Off-Canvas Top** or build your own layout with **Custom** header type. The upcoming sections will guide you through the process of creating each header type.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2FstPmS4X0Mob6f5LxOPi6%2FHeader%20Layouts.jpg?alt=media&#x26;token=2ae7c524-fc60-4e31-b2fd-a260de072995" alt="" width="319"><figcaption><p>Available header types</p></figcaption></figure>

### Structure of Header

The header can be organized into three distinct rows, each serving a unique purpose:

* Top Row (Top Bar)
* Main Row
* Bottom Row

Each row can be customized to align with your design preferences.

### Logo Placement

The logo is placed in the ***main row*** of the header, with a default alignment to the left (or right for RTL sites).&#x20;

It will appear as configured in your settings under [**Appearance -> Customize -> Styling -> Brand**](https://docs.kaliumtheme.com/styling/brand-and-logo).