Hvordan nettstedet ser ut på mobil og hvordan mobilmenyen er bygget

På en smal skjerm – opptil 768 piksler – bygger toppmenyen seg om automatisk, ingenting må stilles inn:

• i toppteksten blir bare logoen og velkomsthilsenen, til høyre – en «hamburger»-knapp;
• ved trykk utvides de øvrige punktene som en liste under toppteksten: en linje i full bredde, teksten midtstilt, tynne linjer mellom radene;
• et nytt trykk eller et klikk utenfor lukker listen;
• en lang velkomsthilsen som ikke får plass ved siden av logoen, flyttes i sin helhet til neste linje, og knappen blir stående til høyre for logoen.

Hvilke punkter som blir igjen i toppteksten, kan ikke stilles inn: bare logoen og velkomsthilsenen. Alt annet i toppmenyen ligger inne i listen.

Logoen. På telefonen tilpasses den etter bredden, og høyden fra stilarket blir dens øvre grense. Det blir ikke unødvendig tomrom over og under logoen.

Slik sjekker du. Åpne nettstedet på telefonen eller gjør nettleservinduet smalere. Knappen for å bytte administratormodus på telefonen står som en sirkel ved siden av «hamburgeren».

Hvis det ikke gikk

• På telefonen er nettstedet lite, som på en datamaskin. Oppdater siden med tømming av hurtigbufferen: telefonen kan ha lagret en gammel versjon av siden.
• Siden ruller sidelengs. Et bredt element i teksten er i veien – en tabell eller en blokk med angitt bredde i piksler. Reduser bredden eller angi den i prosent.
• Den riktige knappen har gjemt seg i «hamburgeren». For eksempel «Installer appen». Sett den i bunnteksten eller som en seksjon på siden.