Elementen verbergen of zichtbaar maken in Elementor

Soms wil je een element verbergen omdat je iets hebt gebouwd dat je op dit moment nog niet wilt gebruiken. Denk bijvoorbeeld aan een sectie die pas relevant wordt na een toekomstige update. Een andere reden is dat je een element alleen op een bepaald apparaat wilt tonen. Bijvoorbeeld een uitgebreide afbeelding op desktop en een compactere versie op mobiel. Door deze functie slim in te zetten, kun je je ontwerp overzichtelijk en effectief houden.

Hoe verberg ik een element?

1. Open de pagina in de Elementor-editor.
2. Klik op het element dat je wilt aanpassen (dit kan een sectie, kolom of widget zijn).
3. Ga in het linker menu naar het tabblad Geavanceerd.
4. Scroll naar beneden tot je de optie Responsieve instellingen ziet.
5. Vink de schermen aan waar je iets voor wilt verbergen.

Elementen verbergen op specifieke apparaten

Onder de responsieve instellingen kun je kiezen of een element zichtbaar of verborgen is op Desktop, Tablet en Mobiel. Schakel simpelweg de gewenste opties in of uit:

• Verborgen op Desktop: Het element wordt niet weergegeven op grotere schermen.

• Verborgen op Tablet: Het element wordt niet weergegeven op tablets.

• Verborgen op Mobiel: Het element wordt niet weergegeven op mobiele apparaten.

Elementen weer zichtbaar maken

Wanneer je besluit dat een verborgen element weer zichtbaar moet worden, is dat net zo eenvoudig als het verbergen ervan:

1. Navigeer naar de pagina waar je het element op hebt verborgen.

2. Bewerk de pagina met Elementor, en navigeer naar het onderdeel dat je hebt verborgen. Deze zal een grijze waas met lijnen bevatten.

3. Selecteer het element dat je weer zichtbaar wilt maken.

4. Ga naar het tabblad Geavanceerd en scroll naar de Responsieve instellingen.

5. Schakel de optie uit die het element verbergt (bijvoorbeeld “Verborgen op Mobiel”).

6. Sla de wijzigingen op en controleer of het element correct wordt weergegeven.

Voorbeeld verborgen element binnen de Elementor-editor

Conclusie

De responsieve instellingen in Elementor zijn een krachtig hulpmiddel om je website aan te passen voor verschillende apparaten. Door bewust gebruik te maken van deze functies kun je ervoor zorgen dat je site er overal goed uitziet, zonder onnodige onderdelen. Test altijd goed en houd de ervaring voor de gebruiker centraal!