Mobiel menu vullen

Samenvatting

Je mobiele menu heeft een eigen inhoud. Je pagina's komen er vanzelf in, maar een logo, een knop of contactgegevens zet je er zelf in.

Je standaardmenu en je mobiele menu delen niets, behalve die paginalijst. Wat alleen in je standaardmenu staat, ziet je bezoeker op een telefoon niet.

Je vult de laag met Element invoegen, in het meer-menu van het onderdeel waar het element bij moet.

Wanneer gebruik je dit?

Je gebruikt dit als je mobiele menu meer moet tonen dan je pagina's. Denk aan je logo, een knop naar je webshop, of je telefoonnummer.

Je gebruikt het ook als je op een telefoon iets mist dat op een laptop wel te zien is. Dat komt bijna altijd doordat dat onderdeel in je standaardmenu staat.

Hoe werkt dit in Mach3Blocks?

Je blok heeft twee menu's naast elkaar en er is er altijd maar één zichtbaar. Boven je grens is dat je standaardmenu. Onder je grens is dat de laag van je mobiele menu. Lees Hamburgermenu.

Die twee menu's delen geen enkel onderdeel. Alleen je pagina's staan in beide, en beide bouwen die lijst zelf op.

Wat er in de laag staat

Een navigatieblok uit Starbase zet er bijvoorbeeld dit in.

Onderdeel Wat het is
De sluitknop Het element Menu control
Een container met een rij en een kolom De opbouw van de laag, net als in de rest van je blok
Het logo Het element Logo media
Je pagina's Een vlak met de lijst erin, dat zichzelf vult
Een knop Het element Actie button, in dit blok met de tekst BEAUTY SHOP

In dat blok staat diezelfde knop twee keer. Hij staat één keer in het standaardmenu en één keer in de laag, met dezelfde tekst en dezelfde link.

Wat zichzelf vult en wat niet

Onderdeel van de laag Vult zichzelf
Je pagina's Ja, uit je paginastructuur, met de instellingen van het menu ernaast
De sluitknop, het logo, knoppen, iconen en teksten Nee, die blijven staan zoals jij ze zet
Het startpunt en de onepagerstand Ja, overgenomen van het menu ernaast
Het aantal niveaus Nee, dat is een eigen waarde op je mobiele menu
Je pagina's hoef je niet zelf toe te voegen

Je pagina's in de laag lopen gelijk met je standaardmenu. Voeg je een pagina toe, dan staat hij in beide menu's. Je hoeft er dus geen links naartoe te zetten.

Wat je kunt invoegen

De elementenkiezer heeft twaalf groepen.

  • Algemeen
  • Cards
  • Headings
  • Teksten
  • Nummers
  • Buttons
  • Media
  • Iconen
  • Maps
  • Iframes
  • Scheiders
  • Formulieren

De menugroepen staan er niet bij. Je kunt in je mobiele menu dus geen tweede menu zetten.

Waar je invoegt

Waar je klikt Wat je krijgt
Op je mobiele menu zelf Element invoegen met Vooraan en Achteraan
Op een kolom in de laag Kolom invoegen, Element invoegen, Volgorde wijzigen en Verwijderen
Op een element in de laag Element invoegen met Ervoor en Erna, plus Volgorde wijzigen, Element wisselen en Verwijderen

Op je mobiele menu zelf heb je alleen Vooraan en Achteraan. Ervoor en Erna vervallen daar, want de laag hoort bij je blok.

Stappenplan

Je begint in de opengeklapte laag. Lees Mobiel menu bewerken voor die route.

  1. Klik in de laag het onderdeel aan waar je element bij moet komen.
  2. Open het meer-menu van dat onderdeel.
  3. Kies Element invoegen.
  4. Kies waar je element komt.
  5. Kies een groep in de elementenkiezer.
  6. Klik het element aan dat je wilt.
  7. Klik op Invoegen.
  8. Vul het element en maak het op in het instellingenpaneel.
  9. Publiceer je website om het resultaat live te zetten.

Voeg je een element in de laag in, dan klapt je editor de laag daarna zelf weer open. Je hoeft de knop met de drie streepjes dus niet opnieuw aan te klikken.

Voorwaarden en rechten

Voor het invoegen heb je het recht Elementen invoegen nodig. Zonder dat recht staat de actie niet in het meer-menu.

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

Je grens moet ook op een andere waarde staan dan Geen. Anders is de laag niet te openen.

Gevolgen en beperkingen

Wat alleen in je standaardmenu staat, is op een telefoon weg

Onder je grens verdwijnt je standaardmenu, met alles wat erin staat. Moet een knop op elke breedte zichtbaar zijn, zet hem dan twee keer. Eén keer in je standaardmenu, en één keer in de laag.

Wat je wilt Wat je doet
Een knop op elke breedte Twee keer plaatsen, met dezelfde tekst en dezelfde link
Een onderdeel op één formaat Eén keer plaatsen, en het veld Verbergen per schermgrootte gebruiken
Een tweede menu in de laag Niet mogelijk; de menugroepen staan niet in de kiezer
Je mobiele menu verplaatsen of verwijderen Niet mogelijk; het gaat pas weg als je het blok weghaalt

Het veld Verbergen staat op elk gewoon element, ook op de elementen in je laag. Je mobiele menu zelf heeft dat veld niet, want je grens regelt dat al.

Op een meertalige website is er nog een verschil. De elementen die jij zelf toevoegt, bewerk je per taal. Het logo en de sluitknop uit je blok zijn niet per taal te bewerken.

Er kan maar één mobiel menu tegelijk open staan. Opent je bezoeker een tweede, dan sluit het eerste.

Als het niet lukt

Zie je je knop op een breed scherm niet, dan staat hij alleen in de laag. Zet hem ook in je standaardmenu.

Zie je je knop op een telefoon niet, dan staat hij alleen in je standaardmenu. Zet hem ook in de laag.

Zie je Element invoegen niet, dan mist je gebruiker het recht Elementen invoegen.

Mis je Ervoor en Erna, dan heb je je mobiele menu zelf geselecteerd. Kies daar Vooraan of Achteraan, of selecteer eerst een onderdeel in de laag.

Mist er een pagina in de laag, controleer dan het veld Niveaus op je mobiele menu. Dat veld staat los van je standaardmenu.