Sticky Header

Hoe maak je een plakkerige header in Elementor

Share This Post...

Laten we een Sticky Header maken in Elementor. A Sticky header is een veelgebruikt patroon, waarbij de header van de website aan een deel van het scherm blijft plakken tijdens het scrollen. Dit stelt gebruikers in staat om snel toegang te krijgen tot het navigatie-element zonder opnieuw naar boven te hoeven scrollen.

Maak een sticky header:

Stap 1: Maak een headersjabloon.

Allereerst moeten we de headersjabloon aanmaken. Om deze toe te voegen, navigeert u vanuit het dashboard naar Elementor >> Sjablonen >> Themabouwer, en voeg een nieuwe header toe.

Create a Sticky Header in Elementor
Stap 2: Kies koptekst

Selecteer de koptekst uit de lijst en klik op invoegen.

Create a Sticky Header in Elementor image 2
Stap 3: Pas de header aan

U kunt de koptekst bewerken, een stijl geven, afbeeldingen toevoegen en aanpassen totdat u tevreden bent met het resultaat.

Stap 4: Maak de koptekst Sticky

Nu u een header voor uw site hebt, wilt u deze sticky maken.

Je moet nu de headersectie selecteren en naar Geavanceerd >> Bewegingseffect >> Stick >> Boven/Onder.

Create a Sticky Header in Elementor image 3
Stap 5: Kies een voorwaarde

Selecteer een voorwaarde waarin u deze header wilt weergeven. Ik raad u aan de volledige website te gebruiken.

Nadat u deze 5 eenvoudige stappen hebt gevolgd, kunt u een sticky header voor uw website maken.

Share This Post...
Table of Content
Create a Sticky Header in Elementor
Make your navigation always accessible by creating a sticky header in Elementor. This step-by-step guide helps you keep your menu visible as users scroll.

Check More Articles

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *