# 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="/files/GjpDMTqNDkk2F9zZa9TR" 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="/files/00R8I0tUnVxRTUd4E17X" 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="/files/I9TcN8lpshAKsoGdq43K" 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="/files/6t6iaduSFCvL0yq4waM2" 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="/files/nrCi8jFG7a5sstoJR9yo" alt=""><figcaption></figcaption></figure>


---

# 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://blueskytechcos-organization.gitbook.io/umino-shopify/theme-settings/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.