# Header

The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, shopping cart icon, etc.

You can freely customize your header to suit your business needs by adding your logo image, choosing the main menu, and other addons using **umino** theme.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/7OqXvs826OCNuMWMWjaw/header.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Header**
2. Locate **Header**
3. Make necessary changes
4. **Save**
   {% endhint %}

### 1. Header layout

There are totally layout header designs

* Enable Sticky header: When the "Sticky Header" option is enabled, the header stays in a fixed position at the top of the viewport
* Enable transparent on top: This option makes the background of the main menu part transparent and overlays it on top of the next section.
* Enable transparent header: This option renders the entire header background transparent, overlaying it on top of the next section.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/QwSJXUMBOCXUERCfKHUF/image.png" alt=""><figcaption></figcaption></figure>

### 2. Header color

The **Header color** feature enables you to modify both the text and background colors of the entire header using a pre-set selection of colors.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/TdA65O7mVdHfTC7uj12X/Screenshot%202023-12-13%20151504.png" alt=""><figcaption></figcaption></figure>

Additionally, the **Header Transparent** option allows you to configure the text and icon colors when choosing to set the header background as transparent.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/ycRSGAJ2T2rjnnkdPdiq/Screenshot%202023-12-13%20152848.png" alt=""><figcaption></figcaption></figure>

### 3. Addons&#x20;

Addons provide extra settings to the header such as search, account, mini cart, etc. by enabling the suitable checkboxes.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Nt5q2C9z9yuUteSUAxd3/image.png" alt=""><figcaption></figcaption></figure>