# Header

### What It Does

The **Header** section lets you customize this area of your store.

{% hint style="success" %}

#### How to Edit it

1. In the Shopify theme editor, find the **Header** section in the sidebar.
2. Click on it to expand its settings.
3. Adjust the settings described below to customize its appearance and behavior.
4.  Click **Save** to apply your changes.
   {% endhint %}

***

### Settings

#### **Menu**

Selects which navigation menu to display.

{% hint style="info" %}
A menu (also called a "link list") is a group of links you create under **Online Store > Navigation** in your Shopify admin.
{% endhint %}

#### **Highlight menu link**

Enter the exact name of a menu item to highlight it with the accent color. Leave blank to disable.

#### **Layout (desktop)**

Controls the Layout (desktop). Choose from: All elements in a single row, Two rows.

#### **Horizontal alignment**

Controls the Horizontal alignment (desktop). Choose from: Left, Center.

#### **Horizontal alignment (mobile)**

Controls the Horizontal alignment (mobile). Choose from: Left, Center.

#### **Enable overlay header - home page**

When enabled, the header overlays the top of the homepage content.

#### **Enable overlay header - other pages**

When enabled, the header overlays the top of page content on all pages except the homepage.

**Customer accounts log in**

#### **Show avatar**

When enabled, displays this element. Disable to hide it.

{% hint style="info" %}
To manage customer accounts, go to your [customer accounts settings](https://admin.shopify.com/store/agi-agi-theme/settings/customer_accounts).
{% endhint %}

**Logo**

#### **Image**

Upload logo.

#### **Width**

Controls the width of logo.

**Localization on mobile drawer**

#### **Show language selector**

When enabled, displays this element. Disable to hide it.

#### **Show currency / country selector**

When enabled, displays this element. Disable to hide it.

{% hint style="info" %}
To learn how to add languages and currencies to your store, click [here](/agnes/theme-configuration/languages-and-currencies.md).
{% endhint %}

**Customer accounts log in on mobile drawer**

#### Show avatar

When enabled, displays this element. Disable to hide it.

{% hint style="info" %}
To manage customer accounts, go to your [customer accounts settings](https://admin.shopify.com/store/agi-agi-theme/settings/customer_accounts).
{% endhint %}

**Appearance**

#### **Margin**

Adds space around the outside of this element.

#### **Border radius**

Rounds the corners of the header.

#### **Minimum header height**

Controls the minimum height of the header.

#### **Enable drop shadow** 

When enabled, shows drop shadow on header. Disable to hide it.

#### **Background transparency**

Controls how see-through this element is.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

#### Dropdown/mega menus color scheme

Applies a predefined color scheme to the header dropdown menu/mega menus.

**On scroll up**

#### **Sticky header**

Choose when the header should stay fixed at the top. Choose from: Always sticky, Sticky only when scrolling up, Not sticky.

#### **Enable drop shadow**

When enabled, a drop shadow is displayed on the header when scrolling. Disable it to hide the shadow.

#### **Background transparency**

Controls how transparent the header appears when scrolling.

#### Color scheme

Applies a predefined color scheme to the header when scrolling.

***

### Supported Blocks

#### Collections grid (mega menu)

See the child document for full settings: [Collections grid (mega menu)](/agnes/global-sections/header/collection_grid.md)

#### Image grid (mega menu)

See the child document for full settings: [Image grid (mega menu)](/agnes/global-sections/header/image_grid.md)

#### Hover split (mega menu)

See the child document for full settings: [Hover split (mega menu)](/agnes/global-sections/header/hover_split_link.md)

#### Desktop drawer menu

See the child document for full settings: [Desktop drawer menu](/agnes/global-sections/header/desktop_drawer.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://moodboard-creations.gitbook.io/agnes/global-sections/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.