Hoe stel ik het menu op mobiel in?

Hoe werkt het menu op mobiel?

Op schermen tot en met 991 pixels breed (telefoons en de meeste tablets) staat rechts in de header een hamburgerknop. Tik je erop, dan schuift er van links een wit scherm in met het mobiele menu en een sluitknop. Items met een submenu krijgen een knop met een pijltje. Daarmee klap je het submenu open.

Het mobiele menu is een apart menu. Wijzigingen in je hoofdmenu komen er dus niet vanzelf in. Zo kun je op mobiel ook bewust een korter menu tonen.

Stap 1: Maak of open het mobiele menu

Ga naar Menu’s. Kies bovenaan het menu voor mobiel, of klik op maak een nieuw menu, geef het een Menunaam zoals ‘Mobiel menu’ en klik op Menu aanmaken. Voeg de pagina’s toe zoals je dat bij het hoofdmenu doet: zie het hoofdmenu aanpassen.

Stap 2: Koppel het aan de locatie Mobiele menu

Zet onderaan bij Menu instellingen een vinkje bij Mobiele menu en klik op Menu opslaan. Wil je op mobiel hetzelfde menu als op desktop, dan mag je ook het hoofdmenu aan deze locatie koppelen. Dan heb je maar één menu om bij te houden.

Wat zie je niet op mobiel?

Een paar onderdelen van de header zijn op schermen tot en met 991 pixels verborgen:

• de topbar boven het menu;
• de onderbalk (Onder menu);
• een shortcode in de menubalk, zoals een zoekveld (Menu balk shortcode).

Staat daar iets belangrijks, zoals je telefoonnummer, een zoekfunctie of een knop, zet het dan ook in het mobiele menu.

Telefoonnummer, zoeken of een knop in het mobiele menu

• Telefoonnummer: voeg een Aangepaste link toe met als URL tel: gevolgd door je nummer, bijvoorbeeld tel:+31612345678, en typ het nummer als linktekst.
• Zoeken: voeg het Zoek item toe. Dat geeft een vergrootglas dat naar de zoekpagina linkt. Zie een zoekfunctie op je website.
• Knop: klap het item open en kies bij Weergave optie voor Knop. Zie een knop of icoon in het menu.

Het hoofdmenu toch tonen op mobiel

Heb je een kort hoofdmenu, bijvoorbeeld twee links, dan kun je dat op mobiel naast het logo laten staan. Open het hoofdmenu in Menu’s en zet Menu blijven tonen op mobiel aan. Deze optie zie je alleen bij menu’s op de locatie Primaire menu (of Primair menu 1 en 2). Check daarna op je telefoon of alles naast het logo past.

Lukt het niet?

• Het mobiele menu is leeg. Er hangt geen menu aan de locatie Mobiele menu. Koppel er een en klik op Menu opslaan.
• Een nieuwe pagina staat wel in het hoofdmenu, maar niet op mobiel. Het mobiele menu is een apart menu. Voeg de pagina daar ook toe.
• Een submenu opent niet als je op het item tikt. Tik op de knop met het pijltje naast het item.
• Je telefoonnummer uit de topbar is weg op mobiel. De topbar is op mobiel verborgen. Zet het nummer als link in het mobiele menu.
• Het hoofdmenu past niet naast het logo. Zet Menu blijven tonen op mobiel weer uit.
• Kom je er niet uit? neem contact met ons op.

Veelgestelde vragen