Mobiles Menü nicht bildschirmfüllend

Warum es wichtig ist

Ein kurzes Menü mit sichtbarer Seite darunter wirkt unruhig auf dem Handy. Ein Wischen bewegt die Seite statt das Menü, ein Tippen landet auf der Seite, und Links unten bleiben unerreichbar. Lange Untermenüs, die standardmäßig geöffnet sind, schieben die Hauptpunkte weg.

Wie Snaglist es prüft

Mit geöffnetem Menü misst Snaglist das Panel: reicht es von unter dem Header bis zum unteren Bildschirmrand, was ist am unteren Rand sichtbar, bewegt sich die Seite beim Wischen über das Menü, sind alle Links erreichbar (sichtbar oder durch Scrollen im Menü), und ist die Seite breiter als der Bildschirm. Die Details zeigen die Messwerte, und der Screenshot zeigt das geöffnete Menü.

Häufige Ursachen

• Ein Dropdown, das so lang ist wie seine Links, mit sichtbarer Seite darunter
• Ein Panel mit maximaler Höhe und eigenem Scroll innerhalb einer Seite, die ebenfalls scrollt
• Body-Scroll nicht gesperrt, während das Menü geöffnet ist
• Untermenüs, die standardmäßig geöffnet sind
• Ein Panel mit overflow hidden, das die letzten Links abschneidet

So behebst du es

1. Mache das geöffnete Menü zu einem festen Panel von unter dem Header bis zum unteren Bildschirmrand.
2. Gib ihm einen eigenen Scroll, wenn es länger als der Bildschirm ist.
3. Sperre die Seite darunter, während das Menü geöffnet ist.
4. Klappe lange Untermenüs zusammen, damit die Hauptpunkte oben bleiben.
5. Überprüfe die Seite nach dem nächsten Crawl erneut.