> For the complete documentation index, see [llms.txt](https://docs.novaworks.net/spryx/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novaworks.net/spryx/theme-options/mega-menu.md).

# Mega Menu

**Spryx** theme comes with a built-in Mega menu system. It means you don't need to purchase or install extra plugin for this feature. To setup mega menu, please go **Appearance > Menus** and select menu you want to edit. Please note you cannot setup mega menu in the Customizer at this moment.

A mega menu can ben enabled on every first level menu item. This image can show you what is menu item level:

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/Q2AOHDSgvhQDCNV9iX5l/menu-levels.png" alt=""><figcaption></figcaption></figure>

## Enable Mega Menu

Select a top level (Level 1) menu item that you want to setup mega menu for it. You will see a new **Settings** link added to every menu item. Click to that *Settings* link, a new popup will show up. Please note with different menu item levels, different popups will appear. In this popup, you will see an option to enable the mega menu.

## Mega Menu Columns

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/2AgKnfpNyipQL86AUAwB/mega-menu-settings.png" alt=""><figcaption></figcaption></figure>

In the popup, there are options helping you setup this mega menu item.

* Enable mega menu: select enable or disable mega menu for this menu item. By default, it is disabled.
* Container width: select the mega menu container width.

Bellow, you will see mega menu columns. They are menu items level 2 which are direct children of current menu item. You can change the width of each column right there by clicking to the arrow icons.

## Mega Menu Background

Just click to **Design** menu in the left side of popup, new options will appear and allow you to upload background image as well as select background properties.

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/bABTNLV2kDI9VFiDVmNB/mega-menu-bg.png" alt=""><figcaption></figcaption></figure>

## Hide Column Label

Open the **Settings** popup of menu items level 2, you will see options to set the visiblity of column label.

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/Uh1YSjUplqvLD2AR4zX8/mega-menu-column-settings.png" alt=""><figcaption></figcaption></figure>

* **Visibility**: this option allows you to set the visibility of mega menu column label. It is visibile by default.
* **Disable link**: remove link from the mega menu column label.

## Column Background

Open the **Settings** popup of menu items level 2, you can see the tab **Design** on the left side. In this tab, you can upload the background image for a mega menu colum, or simply pick a background color.

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/zRiJp9H3Ur6PIfpHBoki/mega-menu-column-design.png" alt=""><figcaption></figcaption></figure>

## Custom Content

From menu items level 2 and bellow, you can set a custom HTML content for them. For example, you can hide the column lable then display a HTML/Shortcode of a banner image on the menu.

<figure><img src="https://content.gitbook.com/content/Y9Cvcmzl9t7vwEZ3FqXg/blobs/vS0xptcWSndkSuTQIqZy/mega-menu-column-content.png" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.novaworks.net/spryx/theme-options/mega-menu.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.