# Mega Menu

Go to Sections **Header + Announcement**

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FO8LptSvQ4YvIW0rLSTvl%2FScreenshot_35.jpg?alt=media\&token=51b7132b-d226-46d9-88be-16aac38f2bc8)

## **1 -** Item m**enu Link**

The menu is just a single text without sub items, you can add a URL to this text, add a label, custom color of the label

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FOCYerZxTGczZl4ayy3qr%2FScreenshot_37.jpg?alt=media\&token=ccae126b-9ee3-4d46-b9f0-1d91e1a71b15)

## **2 -** Some keywords

### 2.1 - \[title]

Highlight an item's name by bold it.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FgUcehxtJWhBTcXtyoILa%2FScreenshot_38.jpg?alt=media\&token=0bd7530d-ace3-4743-9f48-2a62545aad91)

### 2.2 - {Hot}, {New}, {Sale}, {Mini lable}

Highlight the item name by adding an attached mini label.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FptjAMfhtwQWp7olBGyVm%2FScreenshot_39.jpg?alt=media\&token=935432a9-0995-4560-8f17-280c0c2fca79)

Change color of label in section **Variants + Label menu**:&#x20;

{% content-ref url="broken-reference" %}
[Broken link](broken-reference)
{% endcontent-ref %}

### 2.3 - breakcol

Used to break columns

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FaVFcEiDF0iYTEJuYtfhT%2FScreenshot_43.jpg?alt=media\&token=2093ffa6-08df-4bc9-9be8-81fc2196dbfa)

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2F0MmG49Bznfgu1tVRHWw2%2FScreenshot_52.jpg?alt=media\&token=686e80d5-3891-401f-b9be-3721168a2feb)

### 2.4 - breakline

Add a space between items when you use styles **Item menu Multi column**

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2F0VfPunkCL2eqpz212Bjs%2FScreenshot_44.jpg?alt=media\&token=67bf9adb-bdd1-4867-84fe-e1e55409983c)

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Fr8WZlwKMx9udDybe3yZm%2FScreenshot_53.jpg?alt=media\&token=ddc67441-cb57-4380-95a5-b54a04d79750)

## 3 - Item m**enu Standard**

It is just a simple menu format that does not include media&#x20;

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2F0HvzGxXL31vBkbNaZL0w%2FScreenshot_45.jpg?alt=media\&token=bb241f2a-2438-4fd3-8558-dcd3b15c7711)

Config:

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Fh3icWAQnWiRfGZM5M9rn%2FScreenshot_46.jpg?alt=media\&token=87be0fe9-b949-4951-982e-70db953a9390)

## 4 - Item m**enu Standard Col**

Automatically split columns by level.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FeJifpn2ZrowmecCsZFr1%2FScreenshot_47.jpg?alt=media\&token=b73aee55-ea69-425b-9d9c-7f494c872dbd)

Config:&#x20;

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Fj31D93uopkm0HUSjmJ6Z%2FScreenshot_48.jpg?alt=media\&token=26fd569c-56ef-4d0d-99be-fc09703aa523)

## **5 - Item Menu Per Column**

Automatically split columns when you have a long menu and at the same level.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2F5CgU1VWHFEUQSbksTfuf%2FScreenshot_49.jpg?alt=media\&token=740907c9-0ab0-4570-a07a-fef315c8e8c7)

Config:&#x20;

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Fs8ad9J5fek8Dhc2Q7CS4%2FScreenshot_51.jpg?alt=media\&token=dbb15491-e803-4060-81ac-dc963567046f)

## **6 -** Item menu Multi column

Split the column on demand and break it wherever you want. (Works best when items are of the same level)

Use **breakcol** and **breakline** keywords.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Ft1wIhv2RFT68GAeBnE8Q%2FScreenshot_54.jpg?alt=media\&token=c26bca2b-75f5-46fe-8121-56e87694fc0d)

Config:

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2FasdRJgBfnhiSQeeBLxu0%2FScreenshot_55.jpg?alt=media\&token=4cc6fe8e-d2e4-445d-99b1-c7f2c322eb48)

## **7 -** Item me**nu Promo**

In this type of menu you can add media content or custom codes next to the linklist.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2F0Gc50ODfVx5z7Bmkn0nM%2FScreenshot_56.jpg?alt=media\&token=1d34cdd9-8237-44c9-9335-a0ddb5a9cf5e)
