> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/glozin-theme/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](/glozin-theme/header-group/header/mega-menu-with-banner-image.md)
* [Mega menu with product](/glozin-theme/header-group/header/mega-menu-with-product.md)
* [Mega menu with collection](/glozin-theme/header-group/header/mega-menu-with-collection.md)

## Section settings

**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.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-0a11b3b135db7ac3800ff2b274dd293619fbb96f%2Fimage%20(1198).png?alt=media" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-3176f0936ae5223bc90f22ec8d3357c81a9682d7%2Fimage%20(1199).png?alt=media" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-dfaa45cbd978be44dd745a54354d64b9469bf670%2Fimage%20(1200).png?alt=media" alt=""><figcaption></figcaption></figure>

You can set up text color and background color for your desire labels.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-439c17e3c69a8465dff7a22ed6cd78180961e03b%2Fimage%20(1201).png?alt=media" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-47fa58aac817fbf9e0246ee4927d58c7c33bbda6%2Fimage%20(1202).png?alt=media" alt=""><figcaption></figcaption></figure>

You have the autonomy to select which icons or features are displayed, allowing you to tailor the interface to your preferences and the needs of your users.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-dc175bcb1a0593315e947a2866e657ee5231ba69%2Fimage%20(10).png?alt=media" alt=""><figcaption></figcaption></figure>

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-ac5c54a02fb866581710b72880c26256e3495c1f%2Fimage%20(1203).png?alt=media" alt=""><figcaption></figcaption></figure>

## Blocks settings

**Menu item:** Specify the name of the menu item to which the layout will be applied.

**Select label:** You can choose a label to display beside the menu item for additional information.

**Submenu:**

* **Desktop menu columns:** The submenu settings include the option to determine the number of columns for the desktop menu.
* **Mega menu custom width:** You can also set a custom width for the mega menu.
* **Center submenu:** Align the submenu to the center.
* **Full width:** If you select full width, it will override any custom width setting, expanding the menu across the entire screen width.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-5cde7c77fdd850abab5f9943c5e621943d92160f%2Fimage%20(1204).png?alt=media" alt=""><figcaption></figcaption></figure>