Wix Harmony-editor: Hamburger-menu's gebruiken
8 min
In dit artikel
- Een hamburger-menu toevoegen
- De knop die het menu opent, aanpassen
- De container van het hamburger-menu aanpassen
- De knop die het menu sluit, aanpassen
Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de Wix Editor gebruikt, lees dan hier meer.
Hamburger-menu's bieden een strakke, ruimte-vriendelijke oplossing die alleen verschijnt wanneer bezoekers op het menupictogram klikken.
Je hebt volledige controle over de ontwerpelementen van het hamburger-menu, zodat je het kunt aanpassen aan jouw specifieke huisstijl en uitstraling.
Een hamburger-menu toevoegen
Er zijn 2 eenvoudige manieren om een hamburger-menu aan je website toe te voegen. Je kunt een gloednieuwe hamburger-menu toevoegen vanuit het Elementen toevoegen-paneel of snel een bestaand menu omtoveren naar de hamburger-stijl, rechtstreeks vanuit de actiebalk.
Om een hamburger-menu toe te voegen:
- Ga naar je editor.
- Kies wat je dan wilt doen:
Een nieuw hamburger-menu toevoegen
De bestaande indeling wijzigen naar hamburger
Wist je dat...
.. wanneer je een horizontaal of verticaal menu toevoegt aan je koptekst op desktop, het automatisch een hamburger-menu wordt op mobiel. Dit zorgt ervoor dat je bezoekers vanaf alle apparaten toegang hebben tot je menu.
De knop die het menu opent, aanpassen
Je hamburger-menu-knop is een belangrijk onderdeel van de navigatie van je website en je kunt deze eenvoudig laten passen bij jouw stijl. Pas het pictogram en de tekst aan om precies te zeggen wat je wilt en verfijn dan de ontwerpgegevens — tot de kleuren, afstand en animatie.
Om de 'Openen'-knop aan te passen:
- Ga naar je editor.
- Klik op het Hamburger-menu-pictogram.
- Kies hoe je de knop wilt aanpassen:
Het pictogram vervangen
.Stel de tekst van de knop in
.De knop ontwerpen
.De container van het hamburger-menu aanpassen
Wanneer bezoekers op je Hamburger-menupictogram klikken, wordt je websitemenu geopend in een ruime container met een overlay, waardoor het menu gemakkelijk te lezen is. Er is voldoende ruimte om te personaliseren — pas de container, het menu en de overlay aan de kleuren aan en voeg meer elementen toe, zoals je logo of een social media-balk.
Om de container van het hamburger-menu aan te passen:
- Ga naar je editor.
- Open de container:
- Klik op het Hamburger-menu-pictogram.
- Klik op de Normale modus-dropdown en selecteer Hamburger-menu.
- Kies wat je dan wilt doen:
De container ontwerpen
: Wijzig de achtergrondkleur van de container en de overlay-kleur door een van je merkkleuren of een aangepaste kleur te kiezen.
: Definieer de randen van je container zodat deze opvalt en kies een kleur, breedte en stijl. Klik op het Individuele randen bewerken-pictogram 
om elke kant van de rand te ontwerpen.
: Maak de hoeken van de container vierkanter of ronder door de schuifregelaar onder Radius te verslepen. Klik op het Individuele hoeken bewerken-pictogram 
om elke hoek afzonderlijk te ontwerpen.
: Binnenste en buitenste schaduw toepassen om de container een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.
: Voeg ademruimte toe aan je inhoud door opvulling rond de container toe te voegen.
: Bepaal waar alles moet worden gepositioneerd: de Sluiten-knop, het menu in de container en de container ten opzichte van de pagina. Je kiest hoeveel ruimte de container inneemt (bijvoorbeeld: derde van pagina, halve pagina, enzovoort).Het menu beheren en ontwerpen
Elementen toevoegen aan de container
Klaar met bewerken? 
Klik naast Bewerken: Hamburger-menu in de zwevende balk op Klaar om terug te gaan naar je pagina.
De knop die het menu sluit, aanpassen
Personaliseer de knop waarop bezoekers klikken om het hamburger-menu te sluiten. Vervang het pictogram, voeg behulpzame tekst toe (bijvoorbeeld: 'Afsluiten') en ontwerp deze naar wens.
Om de Sluiten-knop aan te passen:
- Ga naar je editor.
- Open de Sluiten-knop:
- Selecteer het hamburger-menu-pictogram.
- Klik op de Normale modus-dropdown en selecteer Hamburger-menu.
- Klik op de Sluiten-knop.
- Kies op de actiebalk wat je dan wilt doen:
Tekst aan het pictogram toevoegen
Pas het pictogram aan
Ontwerp de 'Sluiten'-knop
Klaar met bewerken?
Klik naast Bewerken: Hamburger-menu in de zwevende balk op Klaar om terug te gaan naar je pagina.