Menu mobilne nie na pełnym ekranie

Dlaczego to ważne

Krótkie menu z widoczną stroną pod spodem jest nieczytelne na telefonie. Przesunięcie palcem przesuwa stronę zamiast menu, kliknięcie trafia w stronę, a linki na dole pozostają poza zasięgiem. Długie podmenu, które domyślnie są otwarte, odsuwają główne pozycje.

Jak Snaglist to sprawdza

Gdy menu jest otwarte, Snaglist mierzy panel: czy rozciąga się od dolnej krawędzi nagłówka do dołu ekranu, co jest na dole ekranu, czy strona przesuwa się przy przesuwaniu palcem po menu, czy każdy link jest osiągalny (w widoku lub przez przewijanie wewnątrz menu) i czy strona jest szersza niż ekran. Szczegóły pokazują, co zmierzono, a zrzut ekranu przedstawia otwarte menu.

Częste przyczyny

• Rozwijana lista tak długa, jak jej linki, z widoczną stroną pod spodem
• Panel z maksymalną wysokością i własnym przewijaniem wewnątrz strony, która również się przewija
• Przewijanie body nie zablokowane, gdy menu jest otwarte
• Podmenu, które są domyślnie otwarte
• Panel z overflow hidden, który ucina ostatnie linki

Jak to naprawić

1. Zrób z otwartego menu stały panel od dolnej krawędzi nagłówka do dołu ekranu.
2. Daj mu własne przewijanie, gdy jest dłuższy niż ekran.
3. Zablokuj przewijanie strony pod spodem, gdy menu jest otwarte.
4. Zwiń długie podmenu, aby główne pozycje pozostały na górze.
5. Sprawdź stronę ponownie po następnym crawlowaniu.