Hamburgermenu

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.

Zie je het deel Menu niet?

Dan gebruikt dat blok een ander soort menu, en bestaat dit veld er niet. Zo'n blok regelt zijn mobiele menu op zijn eigen manier. Kies dan een navigatieblok waar het veld wel op staat.

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

Bij Geen is je mobiele menu nergens te bereiken

Kies je Geen, dan verdwijnen de knop en de laag overal, ook in je editor. De inhoud van die laag blijft wel in je blok staan. Zet je later weer een grens, dan staat alles er nog.

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.