# 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="/files/RB9yksv8ZJD6o2k1jaZp" 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**](/styling/brand-and-logo.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.kaliumtheme.com/general/header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
