> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/custom-fields/categories/flyout.md).

# Flyout

The "Flyout" custom field set controls the "ThemeWare® Flyout" of the top navigation per category. You can override the theme configuration for an individual category and display up to 3 teasers (image, text, link) next to the subcategories within the flyout.

{% hint style="success" %}
**Tip**: General and global flyout settings can be found in the theme configuration.
{% endhint %}

{% hint style="success" %}
**Guide**: You can find a step-by-step guide in the ThemeWare® Wiki: [Setting up the Mega Menu](https://knowledge.themeware.design/knowledge-base/tutorials/header/mega-menu-flyout)
{% endhint %}

***

## Custom fields

You can find the "Flyout" custom fields in the respective category:

> Tab "General" ⇒ Block "Custom fields" ⇒ Tab (Set) "Flyout (... Pro)"

<figure><img src="/files/afInSa0HcQ8VQFZGFmRi" alt=""><figcaption></figcaption></figure>

## Overview

* [Top navigation flyout](/additional-features/custom-fields/categories/flyout/top-navigation-flyout.md) – overrides the flyout mode for this category
* [Navigation levels](/additional-features/custom-fields/categories/flyout/navigation-levels.md) – overrides the number of navigation levels for this category
* [Flyout teaser 1-3 – Image](/additional-features/custom-fields/categories/flyout/flyout-teaser-1-3-image.md)
* [Flyout teaser 1-3 – Text](/additional-features/custom-fields/categories/flyout/flyout-teaser-1-3-text.md)
* [Flyout teaser 1-3 – Link](/additional-features/custom-fields/categories/flyout/flyout-teaser-1-3-link.md)

***

## Theme configuration

You can find the general and global settings in the theme configuration:

> Tab "Header" => Block "Top navigation flyout"
