Kort antwoord
Gebruik de Nav Menu widget in Elementor Pro. Koppel het aan een WordPress menu en style het naar wens met kleuren, hover-effecten en mobiel menu.
Inhoudsopgave
Menu aanmaken
Maak eerst een menu aan via Weergave > Menu's in WordPress. Voeg pagina's, links en categorieën toe.
Nav Menu widget
Sleep de Nav Menu widget in je header template. Selecteer het menu dat je wilt tonen. Kies horizontaal of verticaal layout.
Mobiel menu
Stel het breakpoint in waarop het menu verandert in een hamburger menu. Style het overlay menu voor mobiel apart.
Waar je op moet letten
Test het menu altijd op mobiel na een wijziging: een extra menu-item kan ervoor zorgen dat het hamburgermenu er anders uitziet of dat tekst wordt afgekapt. Controleer ook of onderliggende pagina's, zoals submenu's, nog goed klikbaar zijn.
Dropdown submenu's instellen
Voeg in WordPress onder Weergave > Menu's een pagina toe als onderliggend item door hem iets naar rechts te slepen onder het hoofditem. In de Nav Menu widget van Elementor verschijnt dit automatisch als een dropdown bij het hoofditem. Stel de hover-vertraging en achtergrondkleur van het dropdown-menu in via het Style tab, zodat het duidelijk leesbaar blijft.
Actieve pagina markeren in het menu
Het is prettig voor bezoekers als ze zien op welke pagina ze zich bevinden. De Nav Menu widget markeert de actieve pagina automatisch met een andere kleur of onderstreping, mits je dit onder Style > Menu Item > Active hebt ingesteld. Controleer dit na het bouwen van het menu op een paar verschillende pagina's.
Verstandig plannen
Houd het aantal hoofditems in je menu overzichtelijk, zes tot acht items werkt op de meeste websites het prettigst. Meer items maken het menu op mobiel al snel onoverzichtelijk en verhogen de kans dat bezoekers de gezochte pagina niet vinden.
Voorbeeld: menu met een uitgelichte knop
Wil je dat 'Offerte aanvragen' opvalt tussen de andere menu-items, geef dat item dan een eigen achtergrondkleur via de Nav Menu widget in plaats van het als gewone tekstlink te tonen. Zo springt de belangrijkste actie in het menu er meteen uit, zonder dat je een aparte knop naast het menu hoeft te plaatsen.
Volgende stap
Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.
Managed WordPress hostingZie ook
Danny van Elteren
Lead Developer & oprichter · 24 februari 2026
Wanneer MADA Tech inschakelen?
- Je wilt het niet zelf doen of komt er niet uit
- Je wilt het in een keer goed laten regelen
- Je wilt doorlopend beheer en support
- Je wilt hulp met elementor
Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.
Hulp nodig?
Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.
Gerelateerd