> 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/mega-menu-with-banner-image.md).

# Mega menu with banner image

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

## How to set up Mega menu with banner image

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2FlOwdaip44QvJ9jk5hukJ%2FMega%20menu%20with%20banner%20image.mp4?alt=media&token=4031e785-6881-4dc3-8e3c-731c3c4e328c>" %}

## General settings

**Banner Position:** Choose the banner's position to be either on the left or right.

**Width:** Set the banner's width as a percentage of the page.

**Banner Image:** Configure the banner by selecting an image and linking it to a desired page.

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