Mobielmenu stijlen

Tijdens het bouwen van de website is het belangrijk om regelmatig naar de mobiele modus te switchen. Op die manier kun je snel zien of de site er voor de mobiel ook perfect uitziet. Zo wordt de mobiele versie van het menu vaak vergeten. In onderstaande stappen wordt getoond hoe je het mobiele menu kunt opmaken.

Stappenplan

  1. Switch naar de smartphone weergave. Bovenaan de editor in het midden van het scherm staat de deviceswitch. Geheel rechts in de switchbalk staat de knop om naar de smartphone (telefoon staand) te switchen.

Deviceswitch bovenaan de editor

  1. Klik twee keer op het hamburgermenu. Na een keer klikken op het hamburgermenu is het mogelijk om het hamburgericoon aan te passen. Klik je vervolgens nog een keer dan wordt het mobielemenu getoond.

Smartphone styling met hamburgermenu

Na de tweede keer klikken wordt het mobielemenu getoond zoals hieronder weergegeven.

Smartphone styling menu geopend

  1. Maak de verschillende elementen op door deze aan te klikken en in de kolom rechts op te maken.
Tip

Vergeet het logo niet te wijzigen.