> For the complete documentation index, see [llms.txt](https://nextsky-2.gitbook.io/milano-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky-2.gitbook.io/milano-shopify/header-group/header.md).

# Header

We also offer three distinct layout blocks for the header mega menu, each designed to cater to different visual and navigational preferences.

* [Mega menu with banner image](/milano-shopify/header-group/header/mega-menu-with-banner-image.md)
* [Mega menu with product](/milano-shopify/header-group/header/mega-menu-with-product.md)
* [Mega menu with collection](/milano-shopify/header-group/header/mega-menu-with-collection.md)

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FSRmeEiO9twV0KRgVIF9S%2Fimage.png?alt=media&amp;token=77929930-666c-48c2-91e6-00060e06d60c" alt=""><figcaption></figcaption></figure>

## General settings

| Setting                                         | Description                                                                                                                          |
| ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| Section width                                   | You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout.             |
| Color scheme                                    | You are allowed to change text color, background color, etc. with preset color.                                                      |
| Desktop logo on desktop                         | Select a predefined position for the logo on the desktop site.                                                                       |
| Separator line                                  | Decide to show the separator line on which page.                                                                                     |
| Enable sticky header                            | Turn on the sticky header feature to keep the header visible at the top of the screen as users scroll down.                          |
| Enable sticky header on mobile                  | Choose whether the sticky header feature should also be active on mobile devices, ensuring easy navigation across all platforms.     |
| Transparent on the homepage                     | Turn on the option for a transparent header, offering a sleek look to your site.                                                     |
| Enable in mobile                                | Decide whether to apply the transparent header feature to mobile devices as well, ensuring a consistent design across all platforms. |
| Mega menu                                       | Select from available mega menu designs or create a new one to enhance site navigation.                                              |
| Dropdown animation                              | Choose an animation effect for when the dropdown menus are activated, adding a dynamic visual touch to the user interface.           |
| Redirect to link when clicking menu parent item | Decide if clicking on a parent menu item should redirect to a link.                                                                  |
| Menu tabs                                       | Decide to show all collections or custom collections list under the categories tab.                                                  |
| Menu mobile title                               | The color for the title and background can be set here.                                                                              |

## Block settings:

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FqWeEselY1WqOGajIzLvA%2Fimage.png?alt=media&amp;token=bbc0f749-4490-4649-a962-116943f2ac9b" alt=""><figcaption></figcaption></figure>

| Setting   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Menu item | Specify the name of the menu item to which the layout will be applied.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| Submenu   | <p></p><ul><li><strong>Desktop menu columns:</strong> The submenu settings include the option to determine the number of columns for the desktop menu.</li><li><strong>Mega menu custom width:</strong> You can also set a custom width for the mega menu.</li><li><strong>Center submenu:</strong> Align the submenu to the center.</li><li><strong>Full width:</strong> If you select full width, it will override any custom width setting, expanding the menu across the entire screen width.</li></ul> |