Samenvatting
Het veld Hamburger t/m schermgrootte bepaalt tot en met welke schermgrootte je menu inklapt. Onder die grens verdwijnt je standaardmenu en komt er een knop met drie streepjes voor.
Het veld heeft zes keuzes en staat op het menu in je blok. Zolang je niets kiest, staat het op Geen, en dan klapt je menu nooit in.
Wanneer gebruik je dit?
Je gebruikt dit als je bepaalt op welke apparaten je menu inklapt. Dat is een keuze per menu, en je maakt hem in de editor.
Je gebruikt het ook om je website op een telefoon werkbaar te houden. Een menu met acht items past daar niet naast je logo.
Wil je weten hoe je dat ingeklapte menu daarna bewerkt, lees Mobiel menu bewerken.
Hoe werkt dit in Mach3Blocks?
Een navigatieblok met een mobiel menu heeft drie delen naast elkaar. Dat zijn je standaardmenu, de knop met de drie streepjes, en de laag die daaronder openklapt. Welk deel je bezoeker ziet, hangt af van de breedte van zijn scherm.
De knop met de drie streepjes heet op je scherm Menu control. Je bezoeker ziet nooit beide menu's tegelijk.
Waar je het veld vindt
Klik het menu in je canvas aan. Het instellingenpaneel toont dan het tabblad Instellingen. Bovenaan staat het deel Menu, met daarin dit ene veld.
Onder dat deel staat een tweede deel, met de naam van het onderdeel dat je hebt aangeklikt. Daar staan de gewone menu-instellingen. Lees Menublok.
De keuze geldt voor het menu dat je hebt aangeklikt. Staan er twee menu's in je blok, dan stel je die twee los van elkaar in.
Wat er onder de grens gebeurt
| Onderdeel | Boven de grens | Onder de grens |
|---|---|---|
| Je standaardmenu | Zichtbaar | Verborgen, met alles wat erin staat |
| De knop met de drie streepjes | Verborgen | Zichtbaar |
| De laag van het mobiele menu | Verborgen | Zichtbaar zodra je bezoeker de knop aanklikt |
De grens zelf is de laatste breedte waarop je menu nog ingeklapt is. Eén pixel breder en je standaardmenu staat er weer.
Wat het mobiele menu overneemt
Je hoeft het mobiele menu niet apart in te richten. Het volgt het menu dat er in je blok aan voorafgaat.
| Instelling | Waar de waarde vandaan komt |
|---|---|
| Startpunt | Van het menu ernaast |
| Onepagermenu | Van het menu ernaast |
| Niveaus | Een eigen waarde op het mobiele menu |
Een taalmenu telt niet mee als bron. Staat er een taalmenu naast, dan volgt je mobiele menu het paginamenu. Lees Taalmenu's.
Overzichtstabel met opties, waarden en standaard
| Keuze | Je menu is ingeklapt | Je standaardmenu verschijnt |
|---|---|---|
| Desktop | Op elke breedte | Nooit |
| Laptop | Tot en met 1279 pixels | Vanaf 1280 pixels |
| Tablet | Tot en met 1023 pixels | Vanaf 1024 pixels |
| Telefoon liggend | Tot en met 767 pixels | Vanaf 768 pixels |
| Telefoon staand | Tot en met 479 pixels | Vanaf 480 pixels |
| Geen | Nooit | Op elke breedte |
De lijst staat in deze volgorde, met Geen onderaan. Die keuze is ook de stand waarin het veld begint.
De twee uitersten zijn geen grens maar een schakelaar. Desktop houdt je menu altijd ingeklapt en Geen houdt het altijd uitgeklapt.
Aanbevolen instelling
Wij geven hier geen eigen advies. Wat wel houvast geeft, is de waarde die de blokken uit de bibliotheken zelf meebrengen.
| Keuze in het blok | Aantal navigatieblokken |
|---|---|
| Telefoon liggend | 24 |
| Desktop | 5 |
| Tablet | 1 |
Geteld in de categorieën Navigation en Header van Starbase en Nebula. Dertig van de negenendertig blokken daar hebben een mobiel menu. In de categorie Footer heeft geen enkel blok er een.
Een andere bibliotheek kan anders zijn ingedeeld. Laat de waarde van je blok dus staan zolang je menu op elke breedte past. Controleer op je eigen website of dat zo is.
Voorwaarden en rechten
Voor dit veld is geen apart recht nodig. Wie je website in de editor mag openen, mag de grens dus zetten.
| Waarvoor | Welk recht |
|---|---|
| De module met je websites openen | Websites |
| Het veld Hamburger t/m schermgrootte zetten | Geen apart recht |
| De laag van het mobiele menu opmaken | Websites/presentaties stijlen |
| De nieuwe grens op je website zichtbaar maken | Publiceren |
Gevolgen bij verkeerd instellen
| Wat je kiest | Wat je bezoeker merkt |
|---|---|
| Geen | Hij ziet je standaardmenu op elke breedte, ook op een telefoon |
| Desktop | Hij ziet je standaardmenu nooit, ook niet op een breed scherm |
| Een grens die te laag ligt | Op een tablet staat je standaardmenu er nog, en het past daar misschien niet |
| Een grens die te hoog ligt | Op een laptop zit je menu al achter de knop met de drie streepjes |
Een grens per menu betekent ook dat twee menu's in je blok op verschillende breedtes kunnen omschakelen. Controleer ze dus allebei.
Een wijziging is pas op je website te zien nadat je opnieuw publiceert.