Hamburgermenu kiezen

Samenvatting

Je mobiele menu heeft vier vormen: Hamburger menu 1 tot en met Hamburger menu 4. Ze verschillen in de sluitknop, het logo, de breedte van de laag en wat er verder in staat.

Je wisselt van vorm met Element wisselen, in het meer-menu van dat menu. Bij het wisselen krijgt je laag de inhoud van de nieuwe vorm, en raak je de oude inhoud kwijt.

Je blok brengt zelf een vorm mee. Een mobiel menu is niet los toe te voegen.

Wanneer gebruik je dit?

Je gebruikt dit als de vorm uit je blok niet past bij wat je wilt tonen.

Wil je alleen je pagina's tonen, dan is een zijpaneel genoeg. Wil je ook je logo, je iconen en je contactgegevens tonen, dan heb je een bredere vorm nodig.

Doe dit voordat je de laag vult. Wisselen kost je daarna dat werk. Lees Mobiel menu vullen.

Hoe werkt dit in Mach3Blocks?

Alle vier de vormen doen hetzelfde. Ze zetten je pagina's in een laag die over je pagina heen komt te liggen. Het verschil zit in de vorm van die laag en in wat er naast je pagina's staat.

De vier vormen

Vorm	Sluitknop	Logo	Breedte van de laag	Verder in de laag
Hamburger menu 1	Ja	Ja	Volle breedte	Eén kolom, alles gecentreerd
Hamburger menu 2	Nee	Nee	Zijpaneel van hoogstens 420 pixels	Alleen je pagina's
Hamburger menu 3	Ja	Nee	Zijpaneel van hoogstens 420 pixels, met een marge rondom	Alleen je pagina's
Hamburger menu 4	Ja	Ja	Volle breedte	Drie kolommen: je logo, je pagina's in grotere letters, en iconen met contactgegevens

Gebruik deze tabel om je vorm te kiezen. De pop-in zelf laat de laag niet zien.

Hamburger menu 2 heeft als enige geen sluitknop. Je bezoeker sluit die laag door ernaast te klikken, of door weer op de knop met de drie streepjes te klikken.

Waar de opmaak vandaan komt

De vier vormen krijgen hun opmaak van je website. Wissel je van vorm, dan is de nieuwe vorm dus meteen opgemaakt.

Wil je die opmaak zelf aanpassen, klik dan een onderdeel in de laag aan. Het tabblad Opmaak heeft daarvoor vijf groepen.

Ruimtes
Grootte
Achtergrond
Rand
Schaduw

Het mobiele menu heeft weinig eigen velden. Het tabblad Instellingen toont het veld Niveaus, en dat bepaalt hoeveel lagen van je paginastructuur meekomen.

De overige menu-instellingen staan bij het menu ernaast. Lees Hamburgermenu.

Stappenplan

Je komt bij dit menu via de opengeklapte laag. Lees Mobiel menu bewerken voor die route.

Zet je canvas met de Deviceview-switcher op een formaat tot en met je grens.
Klik de knop met de drie streepjes aan.
Klik in de opengeklapte laag een onderdeel aan.
Kies het mobiele menu in de balk onderaan je editor.
Open het meer-menu van dat menu.
Kies Element wisselen.
Klik de vorm aan die je wilt.
Klik op Wisselen.

Voorwaarden en rechten

Voor het wisselen heb je het recht Websites/presentaties stijlen nodig. Zonder dat recht staat de actie niet in het meer-menu.

Waarvoor	Welk recht
Element wisselen openen	Websites/presentaties stijlen
Een element in de laag invoegen	Elementen invoegen
De nieuwe vorm op je website zichtbaar maken	Publiceren

Je grens moet ook op een andere waarde staan dan Geen. Anders is er geen knop en geen laag om aan te klikken.

Gevolgen en beperkingen

Wisselen wist de inhoud van je mobiele menu

Bij het wisselen krijgt je laag de inhoud van de nieuwe vorm. Je logo, je knoppen en je teksten uit de oude laag zijn dan weg, en dat is niet ongedaan te maken. Kies dus eerst je vorm en richt hem daarna in.

Je pagina's komen wel terug. Die lijst bouwt zichzelf op uit je paginastructuur, in elke vorm.

Onderdeel	Wat er bij het wisselen gebeurt
De inhoud van je laag	Wordt vervangen door die van de nieuwe vorm
Je pagina's in de laag	Worden opnieuw opgebouwd, dus die blijven
Je grens per schermgrootte	Blijft staan zoals je hem had
De keuze in de pop-in	Alleen de vier mobiele menu's, geen ander soort menu

Een mobiel menu komt altijd met een blok mee

Je kunt een mobiel menu niet als los element invoegen. De groep staat niet in de elementenkiezer. Wil je er een, kies dan een navigatieblok waar er al een in zit.

Een mobiel menu is ook niet te verplaatsen en niet te verwijderen. Die twee acties staan niet in zijn meer-menu. Het menu gaat pas weg als je het blok weghaalt.

Een gewoon menu heeft helemaal geen meer-menu. Element wisselen bestaat daar dus niet, en je krijgt een andere menusoort door een ander blok te kiezen. Lees Menublok.

Als het niet lukt

Zie je Element wisselen niet, dan mist je gebruiker het recht Websites/presentaties stijlen.

Zie je de knop met de drie streepjes niet, dan staat je canvas te breed of staat je grens op Geen. Lees Hamburgermenu.

Kun je niets in de laag aanklikken, dan is die laag dicht. Klik eerst op de knop met de drie streepjes.

Blijft de knop Wisselen grijs, dan heb je nog geen vorm aangeklikt. Klik er een aan en klik daarna op Wisselen.

Staat de laag over je pagina en kun je eronder niets aanklikken? Sluit de laag dan eerst. Lees Mobiel menu bewerken.