Was ist ein Dropdown-Indikator?
Ein Dropdown-Indikator ist ein kleines visuelles Element – meist ein Pfeil, Chevron oder Pluszeichen – das neben einem Menüpunkt anzeigt, dass sich darunter weitere Einträge verbergen. Er signalisiert dem Nutzer: „Hier gibt es mehr zu sehen.” Ohne diesen Hinweis ist nicht erkennbar, welche Menüpunkte Unterpunkte haben und welche nicht.
Warum Dropdown-Indikatoren wichtig sind
Ein Menüpunkt ohne Indikator sieht genauso aus wie ein Menüpunkt mit Unterpunkten – der Nutzer kann den Unterschied nicht erkennen. Das führt dazu, dass Besucher Untermenüs übersehen und damit ganze Bereiche der Website nicht finden.
Besonders auf Mobilgeräten ist der Indikator unverzichtbar. Hier dient er oft gleichzeitig als Tap-Target zum Aufklappen des Untermenüs, getrennt vom Link des Hauptmenüpunkts. Das löst ein häufiges UX-Problem: Soll ein Tipp auf „Leistungen” die Übersichtsseite öffnen oder das Untermenü aufklappen? Mit einem separaten Indikator-Button kann beides nebeneinander funktionieren.
Gängige Varianten
- Chevron nach unten (▾): Die häufigste Variante. Zeigt klar an, dass sich etwas nach unten öffnet.
- Pfeil nach unten (↓): Etwas auffälliger als ein Chevron, wird seltener verwendet.
- Pluszeichen (+): Vor allem in mobilen Menüs verbreitet. Wechselt beim Aufklappen oft zu einem Minuszeichen (−).
- Drei Punkte (⋯): Seltener, signalisiert eher „weitere Optionen” als eine hierarchische Unterstruktur.
Dropdown-Indikatoren in WordPress
Die meisten WordPress-Themes fügen Dropdown-Indikatoren automatisch ein, sobald ein Menüpunkt Unterpunkte hat. Die Darstellung wird über CSS gesteuert – in der Regel über Pseudo-Elemente (::after) am jeweiligen Menüelement. Wenn dein Theme keinen Indikator anzeigt, lässt sich das über wenige Zeilen CSS nachrüsten.
Bei Page Buildern wie Elementor kannst du den Indikator im Nav-Menu-Widget direkt konfigurieren: Typ (Pfeil, Chevron, Plus), Größe, Farbe und Position lassen sich über die Widget-Einstellungen anpassen, ohne CSS zu schreiben.