Je header en menu instellen in Kadence
- Ga naar weergave > customizer > header om de header-instellingen te openen
- Kies de juiste header lay-out en bepaal de structuur
- Voeg een menu toe door naar weergave > menu’s te gaan en een nieuw menu aan te maken
Header structuur en indeling
- Kadence gebruikt een 3-rijenstructuur in de header
- Elke rij kan afzonderlijk worden gestyled en gevuld met elementen
- Elementen kunnen eenvoudig worden versleept om de gewenste indeling te maken
Logo en navigatie in de juiste positie zetten
- Plaats het logo centraal en de navigatie links en rechts voor een gebalanceerde uitstraling
- Kies of de header op volledige breedte moet worden weergegeven
- Pas de lettergrootte, afstand en stijl van het navigatiemenu aan
Header stijlen en aanpassingen
- Elke header-rij kan apart worden aangepast qua hoogte, achtergrondkleur en schaduw
- Verander de stijl van het navigatiemenu met kleur, uitlijning en hover-effecten
- Voeg een secundaire navigatie toe voor extra menu-opties, zoals een contactpagina of taalkeuze
Extra functies toevoegen aan je header
- Voeg een zoekfunctie toe zodat bezoekers snel content kunnen vinden
- Plaats een knop in de header voor call-to-action links (bv. voor een gratis weggever of contact)
- Voeg social pictogrammen toe om bezoekers direct naar je sociale media te leiden
- Gebruik een html-tekstvak voor aankondigingen of speciale berichten
Transparante en sticky headers instellen
- Maak een transparante header voor een moderne look, vooral handig bij hero-afbeeldingen
- Activeer een sticky header, zodat het menu zichtbaar blijft bij het scrollen
Mobiele navigatie en hamburger menu aanpassen
- Pas de mobiele navigatie aan via Customizer > Header > Tablet/mobiel > Trigger
- Kies een geschikte hamburger icoon stijl en bepaal hoe het menu zich opent
- Zorg ervoor dat het menu op mobiele apparaten goed leesbaar en gebruiksvriendelijk blijft
