Spring naar de hoofdinhoud

Onder ‘Header instellingen’ pas je de bovenste sectie van je website aan, die op elke pagina zichtbaar is. Hier kun je de achtergrondkleur instellen, het logo toevoegen of wijzigen, en bepalen hoe het menu wordt weergegeven.

Je kunt ook instellen of de header verandert bij scrollen, zoals van transparant naar een vaste kleur, en of hij altijd in beeld blijft (sticky). Alle opties worden hieronder kort toegelicht.

f9097c340a9c6b44d213edf5091d2b3b.png


In de header preview zie je direct hoe je aanpassingen aan de header eruitzien. Zo kun je eenvoudig wijzigingen beoordelen voordat je ze opslaat.

f9097c340a9c6b44d213edf5091d2b3b.png


Klik op achtergrondkleur  om de achtergrondkleur van de header aan te kunnen passen.

kleurHeader.PNG



Klik op 'save' om de verandering tijdelijk op te slaan of op 'clear' om de verandering weg te halen.

(ga naar 'opslaan' onder aan de pagina om alle aanpassingen op te slaan.)

headerkleurpalette.PNG



Schuif de schakelaar 'Kleurverandering tijdens scrollen' aan om een tweede kleur voor de header te selecteren. Tijdens het scrollen verandert de achtergrondkleur van de header van kleur 1 naar kleur 2.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

achtergrtondkleur2.PNG

 

Klik op de uploadknop om het logo van de header aan te passen. Upload een afbeelding in JPG- of PNG-formaat om deze direct toe te passen op de header.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

HeaderLogoPijl.PNG



Onder ‘Menu-instellingen’ kun je eenvoudig menu-items aanmaken, bewerken en de opmaak ervan aanpassen. Kies bijvoorbeeld tussen een tekstlink of een knopweergave. Je kunt maximaal 9 menu-items toevoegen.

MenuInstellingen.png





Klik op 'Menu item +' om nieuwe menu-items toe te voegen. U kunt hiermee eenvoudig extra opties aan het menu toevoegen voor een betere navigatie.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

MenuInstellingen1.PNG



Klik op 'Alle opmaak wijzigenwijzigen’' om allein é én keer de stijl en opmaak van alle menu-items in de header aan te kunnenpassen, wijzigen.zoals kleur, lettertype en grootte.

MenuInstellingen2.PNG




Dit is het ‘styling menu’. Hier kunt uIn de opmaakstijlconfigurator kun je de vormgeving van dealle headermenu-items in één keer aanpassen.
Je Ditkunt geldtonder andere de tekstkleur, achtergrondkleur, randkleur en randdikte instellen — zowel voor de standaardnormale weergavestatus als voor de hover status.-status (hover status is datwanneer de kleurmuis veranderdover ofeen nietmenu-item wanneer u ergens overheen gaat met de muis.)beweegt).

stijl.pngstijlPijl.PNG



Klik op 'Wijzigingen opslaan' om uwje aanpassingen tijdelijk op te slaan of klik op ' Annuleren' om deze actie te stoppen.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

Hier kunt u de naam en link van elk menu item tijdelijk veranderen.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

MenuInstellingen3.PNG



Klik hier om een menu-item te verwijderen.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

MenuInstellingen4.PNG



Klik hier om de opmaak te kunnen wijzigen van het gekozen menu-item.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

MenuInstellingen5.PNG



Dit is het ‘styling menu’. Hier kunt u de opmaak van individuele menu-items aanpassen. U kunt zowel de standaard weergave als de hoverstatus configureren (de hoverstatus is wanneer de kleur of stijl verandert zodra u met de muis over een specifiek menu-item beweegt).

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

233f55a1a24b125b2ebd35bae1818a5a.png


Klik op 'Wijzigingen opslaan' om uw wijzigingen tijdelijk op te slaan of klik op ' Annuleren' om deze actie te stoppen.

(Klik op de knop 'opslaan' onder aan de pagina om alle wijzigingen door te voeren)

pijl3.PNG



Klik op 'Opslaan' onder aan de pagina om alle wijzigingen van de header permanent op te slaan.

MenuInstellingen6.PNG