> 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/styling/header/dropdown-navigation.md).
# Dropdown Navigation
> ab Theme Version 2.6.0
{% hint style="info" %}
Aktiviere die Dropdown Navigation unter\
*Header >* [*Main Navigation*](#main-navigation-kategorien) *>* [*Grundeinstellungen*](#grundeinstellungen-1) *> Unternavigation Aussehen*
{% endhint %}
### Farben
Die Farben für den **Hintergrund (1)** sowie **Vordergrund (2)** der Dropdown Navigation lassen sich unabhängig von der Flyout-Navigation einstellen. Ein zusätzlicher **Rahmen (3)** kann die Dropdown Navigation stärker vom Hintergrund abheben - hier gibt es keine :hover-Farbe, da der Rahmen um die ganze Liste gelegt wird.
### Grundeinstellungen
Eine Dropdown Navigation kann grundsätzlich durch ein MouseOver-Event (Hover-Event) oder ein Click-Event ausgelöst werden. Über die Einstellung **Dropdown Auslöser** (Entfernt in Version 5.0.0) kannst Du selbst bestimmen, wie sich ein Dropdown auf Deinem Onlineshop öffnen lässt.
Die **Navigations-Ebenen (1)** geben an, wie viele Ebenen des Kategoriebaums dargestellt werden sollen. Gezählt wird ab der Hauptkategorien-Ebene.
Du kannst zwischen mehreren **Animationen (2)** wählen und ein **Icon bei "In neuem Tab öffnen" Links (3)** hinzufügen.
#### Dropdown mit Click-Event
Da sich bei einem Click-Event auf die **Eltern-Kategorie (1)** diese selbst nicht öffnen lässt, zeigt das Dropdown die Eltern-Kategorie im Dropdown mit dem Zusatztest "{Kategoriename} anzeigen" an, wenn es sich nicht um eine Strukturkategorie handelt.
#### Dropdown mit Hover-Event
Anders als beim Dropdown ausgelöst durch ein Click-Event besteht hier keine Notwendigkeit, die Elternkategorie erneut in das Dropdown aufzunehmen.
### Elemente
Wie beim Flyout-Menü lassen sich hier die Schriftgröße und das Schriftgewicht für die einzelnen Menü-Items anpassen.
### Kategorie Icons
> ab Theme Version 4.7.0
Über die **Zusatzfelder** unter Kataloge > Kategorien > \[Kategorie auswählen] im Tab "Weitere" findest Du ein Medienfeld **Kategorie Icon** zum Hinterlegen des Kategorie Icons.
Über die **Checkbox Icon (1)** aktivierst Du die Darstellung der Icons im Hauptmenü und stellst die **Größe (2)** der Icons für das jeweilige Menü ein.