> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/global-sections/header.md).

# 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)