Mobiele menu's
Menu Builder genereert automatisch een responsieve versie van het menu voor mobiele apparaten, met een hamburgerknop, animaties en een volledig aanpasbare schuiflade.
Breekpunt
Stel de vensterbreedte (in pixels) in waaronder het desktopmenu wordt verborgen en het mobiele menu verschijnt. De standaardwaarde is 768 px. Pas dit aan via Menu Builder → Mobiel → Breekpunt.
Menutypen voor mobiel
| Type | Omschrijving |
|---|---|
| Lade (Drawer) | Een zijpaneel dat van de schermrand schuift en de pagina-inhoud opzij duwt. Richting instelbaar (links/rechts) bij Paneelstijl. |
| Volledig scherm (Fullscreen) | Een fullscreen-paneel dat de hele pagina bedekt met een semi-transparante achtergrond. |
| Dropdown | Een menu dat direct onder de navigatiebalk uitklapt. |
Hamburgerknop
- Stijl — klassieke hamburger, lijnen met ruimte, kruis (×) of pijl.
- Grootte — in pixels.
- Kleur — neemt de linkkleur over of gebruik een aangepaste kleur.
- Uitlijning — links, rechts of gecentreerd in de balk.
- Animatie — het pictogram animeert bij openen en sluiten.
Paneelstijl
- Achtergrondkleur en overlaykleur.
- Linkkleur en hover-kleur.
- Lettergrootte en -gewicht.
- Openingsanimatie — schuiven van links, rechts, boven of onder.
- Laderichting — links of rechts.
Megamenu op mobiel
Wanneer een hoofdmenu-item een megamenu heeft, opent een tik erop op mobiel een fullscreen-paneel met een ← Terug-knop, waardoor de navigatie aanvoelt als een native app.
- Zichtbaar op mobiel — de hierboven beschreven push-navigatie.
- Verborgen op mobiel — het paneel wordt niet gerenderd op kleine schermen.
Realtime telefoonvoorvertoning
Terwijl je het tabblad Mobiel open hebt in het beheerdersdashboard, wordt een vast telefoonmodel aan de rechterkant in real time bijgewerkt bij elke wijziging van een mobiele instelling — stijl, overlaykleur, hamburgerpositie, linkkleur en meer.
De plugin respecteert automatisch de CSS-mediaquery prefers-reduced-motion. Als de bezoeker "Beweging verminderen" heeft ingeschakeld in de toegankelijkheidsinstellingen van zijn besturingssysteem, worden alle animaties uitgeschakeld.