Topptekst: Meny-knapp
Meny-knapp
Meny-knappen er hamburger-ikonet som åpner navigasjonen i et sidefelt og brukes hovedsaklig på telefoner og små skjermer. Når man trykker på den, felles menyen ut. Denne blokken lar deg velge ikonet, sette størrelse, farge og om den skal åpne megamenyen.
Hva den gjør
På desktop er det plass til å vise hele menyen tvers over headeren. På en telefon er det ikke det, så navigasjonen samles bak én knapp — vanligvis hamburger-ikonet med tre streker. Denne blokken er den knappen. Når noen trykker på den, åpnes menyen som et panel.
Innstillinger
Innstilling | Hva den styrer |
|---|---|
Menyknapp-ikon | Hvilket ikon som brukes på knappen (hamburger er standard; du kan velge et annet fra ikonsettet) |
Ikonstørrelse | Hvor stort ikonet er |
Ikonfarge | Fargen på ikonet |
Veksle megameny | Om trykk på knappen åpner hele megamenyen eller en enklere meny |
Form og avstand
Innstilling | Hva den styrer |
|---|---|
Hjørneradius | Avrunder knappens hjørner |
Bruk global radius | Bruk temaets globale hjørneavrunding i stedet |
Innvendig avstand (padding) | Plass inni knappen, rundt ikonet |
Utvendig avstand (margin) | Plass utenfor knappen |
Oppsett og synlighet
- Bredde-innstillinger for desktop, nettbrett og mobil.
- Egen CSS-klasse og blokkbetingelser for avansert styling og vis/skjul-regler.
Denne blokken er ment for mobil-oppsettet. Den skjules vanligvis på desktop, der den fullstendige Hovedmeny-blokken vises i stedet.
Tips
- Hold ikonstørrelsen komfortabel for tomler — for liten og den blir vanskelig å treffe.
- Kombiner denne med Hovedmeny-blokken: vis menyknappen på mobil og hele menyen på desktop ved hjelp av hver blokks bredde- og synlighetsinnstillinger.