Hoe de site er op een telefoon uitziet en hoe het mobiele menu werkt

Op een smal scherm — tot 768 pixels — wordt het bovenmenu vanzelf aangepast, je hoeft niets in te stellen:

• in de header blijven alleen het logo en de begroeting staan, rechts een hamburgerknop;
• na een tik klappen de overige items uit als lijst onder de header: een regel over de volle breedte, tekst gecentreerd, dunne lijnen tussen de regels;
• nogmaals tikken of ernaast klikken sluit de lijst;
• een lange begroeting die niet naast het logo past, gaat volledig naar een tweede regel, de knop blijft rechts van het logo staan.

Welke items in de header blijven staan, is niet instelbaar: alleen het logo en de begroeting. Al het andere uit het bovenmenu zit in de lijst.

Logo. Op een telefoon wordt het in de breedte ingepast, en de hoogte uit het stijlvenster wordt de bovengrens. Er komt geen overbodige lege ruimte boven en onder het logo.

Hoe te controleren. Open de site op een telefoon of maak het browservenster smaller. De knop voor het wisselen van de beheerdersmodus staat op een telefoon als een rondje naast de hamburgerknop.

Als het niet lukt

• Op de telefoon is de site klein, zoals op een computer. Ververs de pagina met het cachegeheugen leeg te maken: de telefoon kan een oude versie van de pagina hebben bewaard.
• De pagina scrolt zijwaarts. Een breed element in de tekst is de oorzaak — een tabel of een blok met een breedte in pixels. Verklein de breedte of stel die in procenten in.
• Een benodigde knop is in de hamburger verdwenen. Bijvoorbeeld «App installeren». Zet hem in de footer of als sectie op de pagina.