# Header

The **Header** appears at the top of each page so customers can navigate your store with ease. Choose from multiple **styles and layouts**, add **Mega navigation menus** for large catalogs, enable a **transparent header**, and more.

{% hint style="info" %}
Set up the [Utility bar](https://help.fluorescent.co/lorenza/pages/utility-bar) above the Header to display social icons, announcements, and language and currency selectors.
{% endhint %}

![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-f9a6a81ad983fd03d27a3ee07b426d050c61c07e%2Fheader-inline-links.jpeg?alt=media)

![On mobile devices, the header resizes and displays a menu icon that opens a drawer.](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-f6e8203de3948dd23c15c94b851f38991dc0185d%2Fheader-mobile.jpeg?alt=media)

### Set up main menu

By default, the header menu is set to the **Main menu** found in your Shopify Admin. If you created a separate menu, go to the theme editor (**Customize**) to change the selected menu for your **Header**.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Under the **Main menu** section, click **Change** and **Change menu**.

   ![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-c14710ca1ee827d12c727570589eb83fce07326f%2Fheader-menu.jpeg?alt=media)

   > The main menu works best for catalog and product links.
2. Select a **Secondary menu** to display at the top of the header.

   > The secondary menu works best for links to pages about your store, policies, contact information, and other additional information.
3. Choose the menu you want to use and click **Select**.

</details>

### Customer account login

The customer account icon appears by default when customer accounts are enabled in your Shopify admin. Go to your admin **Settings > Customer accounts** to find the **Show login link in the header of online store and at checkout** option.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Customer accounts is a Shopify feature. Our theme support cannot provide code customizations to remove the customer icon. See Shopify's [Customer accounts](https://help.shopify.com/en/manual/customers/customer-accounts) manual to learn more.
{% endhint %}

\\

***

> **Related links**
>
> [Logo image](https://help.fluorescent.co/lorenza/pages/header/logo)\
> [Header layout](https://help.fluorescent.co/lorenza/pages/header/layout-and-style)\
> [Mega navigation](https://help.fluorescent.co/lorenza/pages/header/mega-navigation)\
> [Transparent header](https://help.fluorescent.co/lorenza/pages/header/transparent-header)


---

# 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://help.fluorescent.co/lorenza/pages/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.