Mobiel menu niet schermvullend

Waarom het belangrijk is

Een kort menu met de pagina zichtbaar eronder is onrustig op een telefoon. Een veeg beweegt de pagina in plaats van het menu, een tik komt op de pagina terecht, en links onderaan blijven buiten bereik. Lange submenu's die standaard openstaan, duwen de hoofditems weg.

Hoe Snaglist dit controleert

Met het menu open meet Snaglist het paneel: loopt het van onder de kop tot de onderkant van het scherm, wat staat er onderaan het scherm, beweegt de pagina als je over het menu veegt, is elke link te bereiken (in beeld of door te scrollen in het menu), en is de pagina breder dan het scherm. In het detail staat wat hij mat, de schermafbeelding laat het open menu zien.

Veelvoorkomende oorzaken

• Een uitklapmenu zo lang als de links, met de pagina zichtbaar eronder
• Een paneel met een maximale hoogte en eigen scroll in een pagina die ook scrolt
• De pagina niet op slot zolang het menu open is
• Submenu's die standaard openstaan
• Een paneel met overflow hidden dat de laatste links afknipt

Hoe je het oplost

1. Maak van het open menu een vast vlak van onder de kop tot de onderkant van het scherm.
2. Geef het een eigen scroll als het langer is dan het scherm.
3. Zet de pagina eronder op slot zolang het menu open is.
4. Klap lange submenu's in, zodat de hoofditems bovenaan blijven.
5. Controleer de pagina opnieuw na de volgende crawl.