Sticky social media buttons maken met Elementor

Share on linkedin
Share on facebook
Share on twitter
Share on email
Share on whatsapp

Inhoud van dit artikel:

Pssst, bevalt Elementor Pro?

En wil je meer sites bouwen met Elementor Pro? Upgrade nu je licentie en profiteer van kortingen tot 60%🥳

Sticky social media buttons op je website plaatsen? Je wilt bijvoorbeeld dat de social media deelknoppen zichtbaar blijven bij het scrollen. Dit maakt de kans groter dat je bezoeker gebruik maakt van deze knoppen. In dit artikel leg ik je uit hoe je de social media knoppen sticky maakt.

Social media deelknoppen toevoegen

Om te te beginnen voeg je eerst de social media knoppen toen aan de pagina of het single (blog) template. In dit artikel lees je hoe je social media buttons toevoegt.

Social media buttons sticky maken

Als je de deelknoppen hebt toegevoegd met behulp van de ‘Share buttons widget’, maak je de widget sticky. Dit werkt als volgt:

  • Ga naar het tabblad ‘Geavanceerd’
  • Open de tab ‘Bewegings effecten’

Je ziet in het voorbeeld hieronder dat de bewegingseffecten voor Sticky uit staan.

sticky social media buttons elementor

Top of bottom sticky

Je kunt vervolgens kiezen om de buttons ‘Top’ of ‘Bottom’ sticky te maken. Kies één van de twee en scroll de pagina heen en weer. Je ziet dat het sticky effect direct wordt toegepast.

sticky opties social media buttons elementor

Sticky in- of uitschakelen voor mobiel

Wil je de buttons liever niet sticky op mobiele apparaten? Dan kun je deze gewoon wegklikken in het vak ‘Sticky on’.

Offset instellen

Met de offset stel je in op welke hoogte (in px) op het beeldscherm de buttons sticky moeten zijn. Als je bijvoorbeeld de buttons ‘Top’ sticky maakt, dan wil je niet dat ze over de header vallen. Het is handig om hier dan de offset in te stellen, zodat de buttons onder de header sticky blijven.

Stay in column

Met de optie ‘Stay in column’ zorg je ervoor dat de social media buttons in dezelfde kolom blijven en dus niet over andere content op die pagina valt (bijvoorbeeld over de footer).

Stel de opties naar wens in en test of het werkt.

Sticky social media buttons maken in de sidebar? Dit werkt bijna op dezelfde manier. Check deze blog over een sticky sidebar maken.

Pssst, bevalt Elementor Pro?

En wil je meer sites bouwen met Elementor Pro? Upgrade nu je licentie en profiteer van kortingen tot 60%🥳

2 reacties

  1. Goedendag, is het mogelijk om een eigen sticky te maken voor het menu, bijvoorbeeld met een CSS code?
    Ben benieuwd of dit kan.

    Met een beleefde groet.
    J. de Boer
    Overigens geeft u heel mooi en helder uitleg op uw website

Reacties zijn gesloten.

Share on linkedin
Share on facebook
Share on twitter
Share on email
Share on whatsapp
Deze vind je misschien ook interessant:

Een fotogalerij toevoegen WordPress met Elementor Pro

Hoe maak je een fotogalerij op je website? Beelden zijn bepalend voor de uitstraling van je website. Onlangs heeft Elementor een nieuwe gallery widget uitgebracht

Elementor review widget: 6 mogelijkheden

Met de Elementor review widget kun je zelf reviews toevoegen aan je website. Wil je klanten zelf een review laten toevoegen? Dan heb je een

Tekst opmaken of aanpassen met Elementor op 3 manieren

De tekstopmaak aanpassen met Elementor? Wanneer je werkt met Elementor (Pro) is het handig om gebruik te maken van standaard instellingen voor de opmaak van