> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/content/category/subnavigation.md).

# Subnavigation

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

You can find the **Subnavigation Appearance (1)** field in the additional fields under Catalogues > Categories > \[Select category] in the Additional tab.

{% hint style="info" %}
Use this custom field to specify settings that differ from the theme configuration. You can store global settings in the "Subnavigation Appearance" field under Theme Styling > Header > Main Navigation (Categories) > Basic Settings.
{% endhint %}

Using an additional field, you can control whether a main category is displayed as a dropdown or flyout. This allows you to freely combine both menu types and optimally adapt the navigation to your content – ​​for maximum flexibility and a better user experience.

As long as you don't make any changes, the global setting from the theme configuration will take effect.

**Example:**

The "About us" category shows the narrow dropdown menu, while the "Shop" category displays the large flyout menu.

<figure><img src="/files/vtJmqu3MuBxeRjn0PKyI" alt=""><figcaption><p>Dropdown</p></figcaption></figure>

<figure><img src="/files/K6o0PsURvY95Op8fXLY1" alt=""><figcaption><p>Flyout</p></figcaption></figure>

When using the flyout menu, you can also display the subcategories as image tiles. This can be configured using the field **Display category images in the flyout navigation (2)**. This additional field also overrides the global setting in the theme configuration.

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

The category image is used as the display image. If needed, it can be set independently of the category image using the field **Flyout navigation category image** **(3)**.
