Samenvatting
Je bewerkt je mobiele menu door je canvas smaller te zetten en de laag open te klikken. Onder je grens verdwijnt je standaardmenu en verschijnt de knop met de drie streepjes.
Je canvas zet je smaller met de Deviceview-switcher, de vijf knoppen bovenin je editor. Op een breed canvas bestaat je mobiele menu in de editor niet.
De laag opent op een klik. Daarna klik je erin het onderdeel aan dat je wilt aanpassen.
Wanneer gebruik je dit?
Je gebruikt dit als je mobiele menu er anders uit moet zien of andere inhoud moet tonen.
Je gebruikt het ook om te zien wat je bezoeker op een telefoon krijgt. Je standaardmenu en je mobiele menu zijn twee losse menu's.
Wil je weten tot welke breedte je menu inklapt, lees Hamburgermenu.
Hoe werkt dit in Mach3Blocks?
Je editor toont je pagina in een canvas met een vaste breedte. Met de Deviceview-switcher kies je die breedte. Je blok schakelt om zodra je canvas onder je grens komt.
De vijf knoppen en hun breedte
| Knop | Tooltip | Breedte van je canvas |
|---|---|---|
| 1 | Desktop (≥1280px) | 1280 pixels of breder |
| 2 | Laptop (1024px-1280px) | 1024 pixels |
| 3 | Tablet (768px-1024px) | 768 pixels |
| 4 | Telefoon liggend (480px-768px) | 480 pixels |
| 5 | Telefoon staand (<480px) | 360 pixels |
Je editor begint op Laptop en onthoudt daarna je laatste keuze. Sta je nog op Desktop uit een eerdere sessie, dan zie je je mobiele menu niet.
Welke knop je kiest
Kies de knop met dezelfde naam als je grens, of een kleinere. Dan schakelt je blok om en verschijnt de knop met de drie streepjes.
| Je grens | Knoppen die je mobiele menu tonen |
|---|---|
| Desktop | Alle vijf |
| Laptop | Laptop en alles daaronder |
| Tablet | Tablet en alles daaronder |
| Telefoon liggend | Telefoon liggend en Telefoon staand |
| Telefoon staand | Alleen Telefoon staand |
| Geen | Geen enkele |
Wat je in de laag aanklikt
De laag is een eigen stuk inhoud, met dezelfde soort rijen en kolommen als de rest van je blok. Je klikt de onderdelen erin gewoon aan.
Onderaan je editor staat een balk met de keten boven je selectie. Daarmee kom je van een onderdeel naar de laag zelf, en dus bij het meer-menu. Lees Hamburgermenu kiezen.
Stappenplan
- Open je pagina in de editor.
- Kies met de Deviceview-switcher een formaat tot en met je grens.
- Klik de knop met de drie streepjes aan.
- Klik in de opengeklapte laag het onderdeel aan dat je wilt aanpassen.
- Pas het aan op het tabblad Instellingen of het tabblad Opmaak.
- Publiceer je website om het resultaat live te zetten.
Een tweede klik op de knop met de drie streepjes sluit je laag weer. Voeg je een element in de laag in, dan klapt je editor de laag zelf opnieuw open.
Voorwaarden en rechten
Voor het openklappen en het selecteren is geen apart recht nodig. Voor het aanpassen gelden de rechten van het onderdeel dat je aanpast.
| Waarvoor | Welk recht |
|---|---|
| Je canvas smaller zetten en de laag openklappen | Geen apart recht |
| Het tabblad Opmaak en het tabblad Overgangen | Websites/presentaties stijlen |
| Een element in de laag invoegen | Elementen invoegen |
| Je wijziging op je website zichtbaar maken | Publiceren |
Je grens moet ook op een andere waarde staan dan Geen. Lees Hamburgermenu.
Gevolgen en beperkingen
| Onderdeel | Wat er onder je grens gebeurt |
|---|---|
| Je standaardmenu | Verdwijnt volledig, met alles wat erin staat |
| De knop met de drie streepjes | Verschijnt |
| De laag | Verschijnt zodra je op die knop klikt |
| Een onzichtbaar onderdeel | Is niet aan te klikken en niet te selecteren |
Dat je standaardmenu volledig verdwijnt, heeft een gevolg voor je inhoud. Een knop die alleen daarin staat, is op een telefoon weg. Lees Mobiel menu vullen.
De knop met de drie streepjes en de sluitknop hebben zelf geen meer-menu. Je kunt ze dus niet verwijderen en niet vervangen. Hun icoon en hun opmaak pas je wel aan.
Wat je in je canvas ziet, komt overeen met wat je bezoeker ziet. Het script van je website draait ook in je editor.
Als het niet lukt
Zie je de knop met de drie streepjes niet, dan staat je canvas te breed. Kies een kleiner formaat met de Deviceview-switcher.
Blijft die knop weg op elk formaat, dan staat je grens op Geen. Zet er een grens voor terug. Lees Hamburgermenu.
Klapt je laag dicht terwijl je hem open wilt houden? Dan klikte je op de sluitknop in de laag. Die knop sluit je laag, ook in je editor.
Kun je een onderdeel niet aanklikken, dan is het op dit formaat niet zichtbaar. Kies dan een formaat waarop het wel zichtbaar is.
Staat je pagina er wel, maar schakelt je blok niet om? Controleer dan de grens op dat menu. Lees Hamburgermenu.