Hoe maak ik de header van mijn website kleiner wanneer bezoekers scrollen?

Wil je de navigatie op je Website Builder-site verbeteren? Probeer dan een verkleineffect toe te voegen aan de header. Wanneer je dit effect gebruikt, blijft je header bovenaan je pagina staan en wordt deze kleiner als bezoekers naar beneden scrollen. Zodra ze weer bovenaan de pagina komen, wordt de header weer op volledige grootte weergegeven. 

Dit is een handige functie als je wilt dat je bezoekers zoveel mogelijk van je website kunnen zien tijdens het scrollen, zonder dat ze belangrijke elementen in de header, zoals het menu, missen.

• Stap 1 - Ga naar de header-instellingen in de Website Builder-editor
• Stap 2 - Activeer het verkleineffect
• Stap 3 - Pas het verkleineffect aan
• Stap 4 - Bekijk een voorbeeld, opslaan en publiceren

Stap 1 - Ga naar de header-instellingen in de Website Builder-editor

1. Open je Website Builder-editor en klik op je header helemaal bovenaan de pagina.
2. Klik op het tabblad Header bewerken dat verschijnt.

Stap 2 - Activeer het verkleineffect

1. Je ziet nu twee menu's voor de header: een eigenschappenpaneel en een zwevend menu. Ga naar het zwevende menu en kies onderaan Verkleineffect.
2. Klik op de schuifknop voor het Verkleineffect om het effect te activeren.

Stap 3 - Pas het verkleineffect aan

Sleep de marker op de balk naar links of rechts om in te stellen hoeveel je logo moet worden verkleind als bezoekers naar beneden scrollen op de pagina. Het minimale percentage is 10% en het maximale percentage is 50%.

Stap 4 - Bekijk een voorbeeld, opslaan en publiceren

Bekijk je site in het Voorbeeld om te zien hoe het effect eruit ziet. Zodra je tevreden bent, kun je de wijziging opslaan en publiceren op je live website.

Gerelateerde artikelen:

• Animaties gebruiken op je Website Builder-site
• Voeg Meebewegende knoppen en een knop 'Terug naar boven' toe aan je Website Builder-site