# 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)**.


---

# Agent Instructions: 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:

```
GET https://themedocs.zenit.design/en/content/category/subnavigation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.