Primair menu toevoegen aan de header

De header builder heeft drie rijen waarin je gemakkelijk de beschikbare elementen kunt selecteren en rangschikken die je kunt vinden als je over elke blokje van de rijen zweeft met de muis. Klik op het “+” (Toevoegen) teken en er verschijnt een lijst met elementen. Hier kies je voor het “primair menu” element toe te voegen.

Het hoofdmenu aanpassen

Om de opties voor het hoofdmenu aan te passen, klik je op het element “Primair menu”. Aan de linkerkant verschijnt dan een paneel met de opties die beschikbaar zijn.

Maak je hoofdmenu

Op het tabblad Algemeen klik je op Primair menu. Je wordt dan omgeleid naar de menulocatie in Customizer, waar je een nieuw menu kunt aanmaken of bewerken en deze als hoofdmenu kunt toewijzen.

Algemene opties voor het hoofdmenu

Vouw het eerste niveau van dropdowns uit wanneer het menu zich in de inhoud van het mobiele menu bevindt.

Aangepaste kleuren voor items in het hoofdmenu

Op het tabblad “Stijl” vind je twee kleur opties en een hover kleur optie:

Hover kleur optie: Er zijn vier verschillende stijlen beschikbaar voor het hoofd menu. Deze stijlen zijn van toepassing wanneer je met de muis over de menu-items zweeft. 

Items kleur: Kleur van de hoofd menu-items

Actief item kleur: Dit is de kleur voor de actieve items in het hoofdmenu. (Een item is actief wanneer het linkt naar de op dat moment bekeken pagina of naar een sectie op die pagina)

Hover kleur: Kleur van de hoofd menu-items bij hover (met de muis er over zweven).

Aangepaste typografie voor de items in het hoofdmenu

Om de lettertypefamilie, lettergrootte, regelhoogte of letterafstand van menu-items te wijzigen, open je het subpaneel “Typografie” op het tabblad Stijl. Klik op de kleine pictogrammen Desktop / Tablet / Mobile om de verschillende waarden in te stellen voor elk apparaat.

Je kan de menu-items tekst ook Hoofdletters, kleine letters of HOOFDLETTERS maken met de optie Transformeren.

Aangepaste opvulling en marge

Klik op het tabblad Lay-out om naar de geavanceerde opties te gaan zoals, Uitlijning (in de header builder beschikbare ruimte voor het element Primair menu), Opvulling en Marge.

Aangepaste afstand en hoogte voor de menu-items

Op het tabblad Lay-Out vind je ook de opties voor:

Afstand tussen items: ruimte (in pixels) tussen de menu-items

Hoogte van items: ruimte boven en onder (in pixels) de menu-items