# Subnavigation

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FIzyLwi8gdeVgOrsvK9S8%2Fdocs-en-content-category-subcategory-appearance-fields.png?alt=media&#x26;token=889c010d-9ccf-40f7-bffa-08fc72bfadc0" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FLgjkKvIMdOao9MPCVDUX%2Fdocs-en-custom-fields-subcategory-appearance-dropdown.png?alt=media&#x26;token=359b9ee1-c0d3-47aa-a1aa-d6f5f158637d" alt=""><figcaption><p>Dropdown</p></figcaption></figure>

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2F2WHrBTKaGzLaHQJL9jH4%2Fdocs-en-custom-fields-subcategory-appearance-flyout.png?alt=media&#x26;token=ad194859-b4c4-4d8a-a57b-b56155bc020b" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FdbOt3blXm7qh1MEWXWEh%2Fdocs-en-custom-fields-subcategory-images.png?alt=media&#x26;token=2728ccae-76ee-4ba8-94df-33897d1396e2" 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)**.