Inleiding
Een moderne website moet op ieder apparaat goed werken: desktop, tablet én mobiel. Elementor maakt dit gemakkelijk doordat je per apparaat afzonderlijk instellingen kunt aanpassen. Zo behoudt je website altijd een professionele uitstraling.
Wat betekent “responsive”?
Responsive betekent dat je website zich automatisch aanpast aan het formaat van het scherm.
Elementor geeft je volledige controle over:
- Tekstgrootte
- Afbeeldingen
- Afstand tussen elementen
- Uitlijning
- Verborgen elementen per apparaat
Stap 1. Open de pagina in Elementor
- Log in via www.jouwdomeinnaam.nl/wp-admin
- Ga naar Pagina’s → Alle pagina’s
- Klik op “Bewerken met Elementor”
Stap 2. Open de apparaatweergave
Linksonder in de Elementor-editor zie je een pictogram van een monitor.
Klik erop en kies tussen:
- Desktop
- Tablet
- Mobiel
De pagina verandert meteen naar de gekozen weergave.
Stap 3. Tekst aanpassen per apparaat
Selecteer een tekstblok → ga naar “Stijl”
Hier zie je vaak naast instellingen een klein apparaat-icoontje.
Klik erop en kies:
- Desktopinstelling
- Tabletinstelling
- Mobiele instelling
Zo kun je bijvoorbeeld de lettergrootte kleiner maken op mobiel, terwijl de desktopversie groot blijft.
Stap 4. Afstand en marges per apparaat aanpassen
Ga naar het tabblad “Geavanceerd”.
Hier kun je marges en padding instellen.
Ook hier staat een apparaat-icoontje waarmee je per apparaat afzonderlijk de afstanden kunt wijzigen.
Voorbeeld:
Op desktop heb je misschien 100px ruimte nodig, maar op mobiel slechts 20px.
Met deze functie blijft je layout netjes en overzichtelijk.
Stap 5. Afbeeldingen optimaliseren per apparaat
Selecteer een afbeelding → ga naar “Stijl”.
Hier kun je vaak:
- Een kleinere versie van een afbeelding instellen
- De breedte aanpassen
- Afbeeldingen centreren
Zo blijft je pagina snel en helder op mobiel.
Stap 6. Elementen verbergen op mobiel of desktop
Sommige onderdelen werken niet goed op mobiel, zoals grote banners of brede tabellen.
- Selecteer de widget of sectie
- Ga naar “Geavanceerd”
- Klik op “Responsief”
- Kies wat je wilt verbergen:
-
- Verbergen op desktop
- Verbergen op tablet
- Verbergen op mobiel
Het element blijft wel in Elementor staan, maar is onzichtbaar voor bezoekers.
Stap 7. Secties herschikken voor mobiel
Soms worden kolommen op mobiel onder elkaar gezet in een volgorde die niet logisch is.
Ga naar de sectie → “Geavanceerd” → “Responsief” → “Kolomvolgorde”
Hier kun je bepalen welke kolom bovenaan moet staan.
Stap 8. Pagina testen
Bekijk altijd alle drie de apparaten:
- Desktop: is de pagina ruim en overzichtelijk?
- Tablet: komt alles netjes uit?
- Mobiel: is alles leesbaar en niet te breed?
Tip: test ook op je echte telefoon.
Stap 9. Bewaren
Klik linksonder op de groene knop “Bijwerken”.
Veelvoorkomende vragen
- De tekst valt buiten het scherm op mobiel
Verminder de lettergrootte via “Stijl” → Typografie. - Er zit teveel ruimte boven of onder een onderdeel
Pas de padding of marges aan via “Geavanceerd”. - Mijn achtergrondafbeelding snijdt verkeerd af
Stel de positie in op “Midden Midden” en de grootte op “Bedekken”. - Elementen staan door elkaar op mobiel
Controleer de kolomvolgorde en marges.
Kort samengevat
- Gebruik de apparaatweergave linksonder
- Pas tekst, marges en afmetingen per apparaat aan
- Verberg elementen die niet geschikt zijn voor mobiel
- Controleer altijd alle drie de apparaten
- Klik op “Bijwerken” om te bewaren
Hulp nodig?
We reageren meestal binnen 24–48 uur. Je antwoord is maar één berichtje van je vandaan.
Met een onderhoudspakket regelen wij updates, back-ups en kleine aanpassingen voor u. Of loopt u ergens op vast? Dan helpen we u direct verder.