# Header

The **Header** of your store is one of the most important parts of your eCommerce store; featuring your **brand's logo**, **navigation**, and the **shopping cart** to name just a few.

### Getting Started

#### Header

We will define each setting used in the Header section and explain how to use it with Erickson.

**Enable search** - you can toggle this option to show/hide the search bar in the header

**Enable account** - you can toggle this option to show/hide the account icon in the header

To learn more about Menus and links in Shopify, [click here](https://help.shopify.com/en/manual/online-store/menus-and-links).

#### **Header style**

There are 2 options to choose from for the header style.

**Left** - This option allows you to have a full width dropdown menu with multiple nested linklist with the logo left aligned.

**Center** - This option allows you to have a full width dropdown menu with multiple nested linklist, with the search bar or button on the left hand side, the logo is centered and the cart icons are positioned on the right hand side.

#### Mega menu style

This option allows you to change the number of navigation columns visible in the dropdown menu. You can choose from 3, 4 or 6 columns.

If the megamenu option is left unchecked, the default menu style will be a dropdown menu structure, if you have nested link lists.

#### Header width 

You can change the width of the header to **Full width**, which is edge-to-edge of the screen or **Content width** which provides space on the left and right hand side to all content areas and sections.

#### Search or button

This option determines if you see the search form or a contact us button in the header. If you choose to use **Button**, then you can alter the button label text and URL to navigate to a different page directly in the header.

#### Main menu

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation.

This setting allows you to pick a menu that has been created via **Online Store** > **Navigation**


---

# 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://erickson.gitbook.io/themes/erickson/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.