Naar de hoofdinhoud

Desktopmenu’s voor je event website

Ontdek de verschillende menu-opties voor desktop en laptop en bepaal welke navigatie het beste past bij het aantal pagina’s en de uitstraling van je event.

Kies het juiste desktopmenu voor je event website en pas de vormgeving van het menu aan. Je kunt kiezen uit drie verschillende menu-opties voor desktop en laptop.

Welke optie het beste past, hangt af van:

  • het aantal pagina’s op je website

  • de gewenste manier van navigeren

  • de huisstijl van je event

Goed om te weten: elk menu is beschikbaar met of zonder iconen.

Desktopmenu instellen

Je vindt de instellingen voor het desktopmenu via: Website Module > Design > Menu.

Hier kies je het menutype dat je op desktop en laptop wilt gebruiken.

Wil je meer instellingen aanpassen? Klik dan op "Meer opties". Afhankelijk van het gekozen menutype kun je hier onder andere de volgende instellingen aanpassen:

  • positie van het menu

  • uitlijning van de tekst binnen het menu

  • tekstkleur

  • iconen in het menu

Bij de Verticale slider zijn daarnaast twee extra instellingen beschikbaar:

  • Achtergrondkleur menu

  • Transparantie

Let op: de ingestelde achtergrondkleur van het menu wordt ook gebruikt voor het menu op mobiel.

Achtergrondkleur aanpassen bij een ander menutype

De opties Achtergrondkleur menu en Transparantie zijn alleen zichtbaar wanneer je de Verticale slider selecteert.

Wil je de achtergrondkleur aanpassen, maar bijvoorbeeld het horizontale menu gebruiken? Dat kan:

  1. Selecteer tijdelijk de Verticale slider.

  2. Klik op "Meer opties".

  3. Pas bij Achtergrondkleur menu de gewenste kleur aan.

  4. Selecteer daarna opnieuw het menutype dat je wilt gebruiken, bijvoorbeeld Horizontale knoppen met uitklapmenu.

  5. Klik op "Bewaar".

De ingestelde achtergrondkleur blijft behouden.

Tip: gebruik deze methode ook wanneer je alleen de achtergrondkleur voor het mobiele menu wilt aanpassen, maar op desktop een ander menutype gebruikt.

1. Verticale slider

Geschikt voor: websites met veel pagina’s en een minimalistische uitstraling.

Bij dit menu klikt de bezoeker op Menu. Het menu schuift daarna vanaf de zijkant in beeld.

Alle pagina’s staan overzichtelijk onder elkaar. Zijn er veel pagina’s? Dan kan de bezoeker binnen het menu scrollen om alles te bekijken.

Kies dit menu als:

  • je veel pagina’s wilt tonen

  • je een rustig en minimalistisch design zoekt

  • je alle navigatie in één overzicht wilt plaatsen

Bij dit menutype kun je via "Meer opties" ook de achtergrondkleur en transparantie van het menu aanpassen.

2. Horizontale knoppen met uitklapmenu

Geschikt voor: websites met weinig pagina’s en directe navigatie.

Bij dit menu ziet de bezoeker direct vier pagina’s bovenaan de website. Heb je meer dan vier pagina’s? Dan worden de extra pagina’s automatisch in een uitklapmenu geplaatst.

Kies dit menu als:

  • je belangrijkste pagina’s direct zichtbaar wilt maken

  • je een compacte en duidelijke navigatie wilt

  • je website uit weinig pagina’s bestaat

Tip: deze optie werkt vooral goed als je bezoekers snel naar de belangrijkste onderdelen van je website wilt leiden.

3. Dropdownmenu

Geschikt voor: websites met veel pagina’s en snelle navigatie.

Bij dit menu beweegt de bezoeker met de muis over Menu. Vervolgens opent een dropdownmenu met alle pagina’s.

Deze optie sluit goed aan op een mobiel app-menu. Je kunt veel pagina’s beschikbaar maken zonder dat de website druk oogt.

Kies dit menu als:

  • je veel pagina’s hebt

  • je een snelle en compacte navigatie wilt

  • je desktop- en mobiele navigatie goed op elkaar wilt laten aansluiten

Welk menu past het beste?

Gebruik dit overzicht als richtlijn:

  • Verticale slider: veel pagina’s en een minimalistisch design

  • Horizontale knoppen met uitklapmenu: weinig pagina’s en directe zichtbaarheid

  • Dropdownmenu: veel pagina’s en snelle, compacte navigatie

Mobiele weergave

Ook voor de mobiele weergave kun je kiezen uit verschillende menu-opties.

De achtergrondkleur van het menu die je via de Verticale slider instelt, wordt ook gebruikt voor het mobiele menu.

Lees voor de overige instellingen het artikel over menu-opties voor mobiel.

Was dit een antwoord op uw vraag?