Studio Editor: Hamburger-menu's gebruiken

Leestijd 6 minuten
Hamburger-menu's zijn minimalistische, ruimtebesparende menu's die alleen getoond worden als bezoekers op het menu-pictogram klikken. Je kunt elk onderdeel van het hamburger-menu ontwerpen zodat het past bij de look en feel waar je klant naar op zoek is. 
Voorbeeld van een hamburger-menu op een Studio Editor-website
In dit artikel lees je hoe je:

Een hamburger-menu toevoegen

Voeg een hamburger-menu toe vanuit het Elementen toevoegen-paneel. Afhankelijk van de behoeften van je klant, kun je meerdere menu's aan de website toevoegen en deze afzonderlijk beheren / aanpassen.

Om een hamburger-menu toe te voegen:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Menu en zoeken.
  3. Klik op Hamburger-menu's.
  4. Sleep het relevante menu naar de gewenste locatie op de pagina. 
De ontwerpen voor het Hamburger-menu die beschikbaar zijn in het Elementen toevoegen-paneel in de Studio Editor

Een hamburger-menu beheren

Nadat je een hamburger-menu aan de website hebt toegevoegd, kies je het menu dat wordt weergegeven. Je kunt verschillende menu's weergeven op elk afzonderlijk hamburger-menu, met context die specifiek is voor de pagina of het onderdeel waarop het zich bevindt.

Om een hamburger-menu te beheren:

  1. Selecteer het hamburger-menupictogram.
  2. Klik op Menu bewerken.
  3. Selecteer het verticale menu-element.
  4. Klik op Menu beheren.
  5. Klik op de dropdown onder Welk menu wordt weergegeven?
    • Bestaand menu:  Selecteer het door jou gekozen menu in de dropdown.
    • Nieuw menu:
      1. Klik op Beheer van websitemenu's.
      2. Klik op + Nieuw menu en maak het aangepaste menu.
Het menupaneel is geopend op een hamburger-menu. De cursor wijst de weergegeven dropdown aan.
Wist je dit al?
Je kunt items toevoegen aan het menu dat je hebt gekozen door onderaan het paneel op + Item toevoegen te klikken.

Een hamburger-menu aanpassen

Nadat je een hamburger-menu hebt toegevoegd, kun je elk onderdeel ervan personaliseren zodat het past bij het uiterlijk van de website.

Om een hamburger-menu aan te passen:

  1. Selecteer het hamburger-menupictogram.
  2. Kies wat je wilt aanpassen:

Vond je dit artikel nuttig?

|