# Header

### Header

The header is one of the most important global sections in your store. It stays visible across all pages and provides customers with quick access to your logo, navigation menus, search, and cart. A well-structured header improves usability, builds trust, and makes it easy for shoppers to explore your store.

\
![](/files/BpqHGsBiwbycb58OdCmE)![](/files/WDN4kCgVBIPZo9IMKjcX)

To customize your header:

1. Go to the theme editor (**Customize**)
2. From the side menu, select **Header**.
3. **Customize** the following settings:<br>

| Category          | Setting                | Description                                                                                                              |
| ----------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| Header            | Color scheme           | Sets the background and text colors of the header.                                                                       |
| Shop interactions | Show language selector | Toggles a dropdown for customers to switch between available languages.                                                  |
|                   | Show currency selector | Adds a dropdown to let customers view prices in different currencies.                                                    |
|                   | Show search button     | Displays a search icon in the header for quick access to the search drawer.                                              |
|                   | Show login button      | Adds a login/account button for customer account access.                                                                 |
|                   | Show cart button       | Displays a cart icon in the header for easy checkout access.                                                             |
| Menu drawer       | Show drawer in preview | Lets you preview the mobile/slide-out menu drawer while editing in the theme editor.                                     |
|                   | Color scheme           | Sets the color scheme of the menu drawer.                                                                                |
| Theme settings    | Logo image on desktop  | Upload the logo that will appear in the header when viewed on desktop devices.                                           |
|                   | Show New badge         | Toggles a “New” badge on products tagged with new, making them stand out in product listings.                            |
|                   | Show Sale badge        | Displays a “Sale” badge on discounted products.                                                                          |
|                   | Badge color scheme     | Defines the color scheme applied to product badges (New, Sale, or Sold out) shown in the header’s product card previews. |
|                   | Show Sold out badge    | Marks out-of-stock products with a “Sold out” badge.                                                                     |

### Navigation Menu

The navigation menu allows you to define how customers browse your store. You can display the main menu as a simple dropdown or expand it into a mega menu to highlight featured products and collections.

To customize your header:

1. Go to the theme editor (**Customize**)
2. From the side menu, select **Header > Navigation menu.**
3. **Customize** the following settings:<br>

| Category        | Setting           | Description                                                                |
| --------------- | ----------------- | -------------------------------------------------------------------------- |
| Navigation menu | Menu              | Select the menu from your Shopify admin to display as the main navigation. |
| <p><br></p>     | Menu type         | Choose between a standard Dropdown or a Mega menu for expanded navigation. |
| Mega menu       | Featured products | Highlight specific products directly within the mega menu.                 |

<br>


---

# 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://raidho.gitbook.io/monterrey-theme/sections/editor/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.
