header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
placeholder-preview-image
In dit artikel
  • De menuknoppen aanpassen
  • De container en overlay aanpassen
  • Het menu ontwerpen
  1. Home
  2. Een website maken
  3. De Wix Editor gebruiken
  4. Pagina's en menu's beheren
  5. Menu's
  6. Wix Editor: Een hamburger-menu aanpassen

Wix Editor: Een hamburger-menu aanpassen

In dit artikel
  • De menuknoppen aanpassen
  • De container en overlay aanpassen
  • Het menu ontwerpen
Na het toevoegen en instellen van je hamburger-menu, kun je het uiterlijk en de indeling aanpassen aan je website. Je kunt de knoppen, container en menu-items aanpassen om er precies zo uit te zien als jij wilt.

De menuknoppen aanpassen

Gebruik de opties om weer te geven hoe elke knop eruitziet: degene waarop bezoekers klikken om het menu te openen en degene waarop ze klikken om het te sluiten.

Om de knoppen aan te passen:

  1. Selecteer het hamburger-menu in je Editor.
  2. Kies welke knop je wilt aanpassen:
    • Menuknop: Klik op de knop.
    • Sluiten-knop:
      1. Klik op Menu bewerken.
      2. Klik in de container op de Sluiten-knop.
  3. Kies hoe je de knop wilt aanpassen:

De container en overlay aanpassen

Kies de indeling en stel de achtergrond in voor de container die je menu-items weergeeft. Als je een overlay inschakelt, kun je de achtergrond wijzigen en aanpassen aan je ontwerpbehoeften.

Om de container en overlay aan te passen:

  1. Selecteer het hamburger-menu in je Editor.
  2. Klik op Menu bewerken.
  3. Pas de container / overlay naar wens aan:

Het menu ontwerpen

Pas het uiterlijk van het menu zelf aan om het thema van je website aan te vullen. Je kunt de uitlijning en structuur wijzigen, evenals het ontwerp van de menu-items.

Om het menu te ontwerpen:

  1. Selecteer het hamburger-menu in je Editor.
  2. Klik op Menu bewerken.
  3. Klik op de menu-items.
  4. Kies hoe je het menu wilt aanpassen:
    • Indeling: Klik op het Indeling-pictogramen kies uit de volgende opties:
      • Tekstuitlijning: Selecteer of de menutekst links, rechts of in het midden wordt uitgelijnd.
      • Positie submenupijl: Selecteer of de submenupijl links of rechts van de menutekst staat.
    • Ontwerp: Klik op het Ontwerp-pictogramen pas het menu aan zoals jij dat wilt:
      1. Kies de menustatus die je wilt aanpassen (Standaard of Geselecteerd).
      2. Pas het ontwerp aan met behulp van de opties:
        • Opvulkleur en dekking : Kies de vulkleur van het menu en pas de dekking aan.
        • Rand : Pas de breedte en kleur van de rand van het menu aan.
        • Schaduw : Voeg een schaduw toe en pas de hoek, grootte, vervaging, kleur en afstand aan.
        • Tekst : Bewerk de tekstinstellingen van het menu, zoals lettertype, grootte en indeling.
        • Afstand : Pas de afstand en offset van het menu aan met behulp van de schuifregelaars.
Het ontwerppaneel van een hamburger-menu. Het tekst-tabblad is geopend. De cursor versleept de schuifregelaar voor de lettergrootte.

Vond je dit artikel nuttig?

|

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.