Wenn du im Untermenü (besonders bei der Verwendung von Max Mega Menu) viele störende Leerzeilen siehst, die eigentlich gar keine Menüpunkte sind, liegt das fast immer an einem von drei typischen Formatierungsfehlern.
Hier sind die häufigsten Ursachen und wie du sie schnell behebst:
1. Das „unsichtbare“ Spalten-Raster (Mega-Menü-Modus aktiv)
Wenn du für diesen Menüpunkt versehentlich den Modus „Mega-Menü“ (Grid/Panel-Layout) statt „Flyout“ oder „Akkordeon“ aktiv hast, baut das Plugin im Hintergrund ein unsichtbares Raster auf.
- Das Problem: Wenn du im Menü-Editor die Unterpunkte nicht sauber den Spalten zugewiesen hast oder leere Zeilen im Raster existieren, blockiert Max Mega Menu diesen Platz. Auf der Website sieht das dann aus wie riesige weiße Freiräume oder Leerzeilen.
- Die Lösung: Gehe zu Design > Menüs, fahre über den Hauptpunkt und klicke auf den blauen Mega Menu-Button. Wenn du dort ein Raster siehst, lösche die leeren Spalten/Zeilen oder stelle den Modus ganz oben auf Flyout-Menü oder Standard um, falls du gar kein mehrspaltiges Layout brauchst.
2. Leere Menüpunkte im WordPress-Editor
Manchmal rutscht beim Erstellen des Menüs ein leerer Punkt hinein – oft, wenn man einen „Individuellen Link“ hinzufügt, aber keinen Text eingibt, oder wenn man aus Versehen Einträge löscht, aber die leere Hülle im Menü verbleibt.
- Die Lösung: Schaue dir deine Struktur unter Design > Menüs ganz genau an. Klappe die eingerückten Unterpunkte auf. Wenn dort ein Element steht, das keinen Titel hat (oder nur ein Leerzeichen enthält), klappe es auf und klicke auf Entfernen.
3. CSS-Konflikt mit den Abständen (Padding / Margin) deinem Themes
Max Mega Menu bringt eigene Styles mit, aber dein WordPress-Theme versucht oft, seine eigenen Regeln für Listen-Elemente (<li>) und Links (<a>) in der Seitenleiste durchzusetzen.
- Das Problem: Wenn dein Theme extrem große Innenabstände (Padding) oder Außenabstände (Margin) für Untermenüs vorschreibt, addieren sich diese mit den Abständen von Max Mega Menu. Die Menüpunkte werden dadurch extrem weit auseinandergezogen, was wie Leerzeilen wirkt.
- Die Lösung: Du kannst die Abstände im Max Mega Menu Theme verringern. Gehe zu Mega Menu > Menü-Themes, wähle den Reiter Flyout-Menüs (oder Hauptmenü, je nachdem, welche Ebene betroffen ist) und suche nach den Einstellungen für Element-Höhe (Item Height) oder Padding. Reduziere diese Werte (z. B. auf
5pxoder10px).
4. Zeilenumbrüche im Titel
Manchmal drückt man beim Benennen eines Menüpunkts versehentlich die Enter-Taste oder fügt unsichtbaren HTML-Code (wie <br />) aus der Zwischenablage ein. Dadurch wird der Menüpunkt zweizeilig, obwohl nur eine Zeile Text zu sehen ist – die zweite Zeile bleibt leer.
- Die Lösung: Überprüfe im Menü-Editor die Angezeigte Bezeichnung (Navigation Label) der betroffenen Punkte und lösche eventuelle Leerzeichen am Ende des Textes.
Mein Tipp zur Fehlersuche: Mache einen Rechtsklick auf eine dieser „Leerzeilen“ im Browser und wähle Untersuchen (Inspect). Wenn der farbige Balken in den Entwicklertools ein leeres <li>-Element anzeigt, ist es ein Fehler in deiner Menüstruktur (Fall 2). Wenn der Balken ein farbiges (meist grünes oder orangefarbenes) Feld um einen echten Menüpunkt anzeigt, ist es ein Abstandsproblem deines Themes (Fall 3).