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