Website responsive maken met Elementor & Astra theme (oktober 2026)

4.9 op basis van 116 reviews

Waardering 4.9 van 5

Website responsive maken met Elementor & Astra theme

Matthijs
2 reacties
Laatste update: 13 september 2020

Wil je je WordPress website responsive maken en zoek je nog een goed thema of pagebuilder om dit te kunnen doen?

In deze video laat ik je aan de hand van de pagebuilder Elementor en het Astra theme zien hoe je een complete webpagina responsive maakt.

Responsive houdt in dat je website geschikt is voor alle mobiele apparaten zoals tablets en smartphones maar ook desktop computers.

Alles met 1 en dezelfde website. Met Elementor kun je bijvoorbeeld voor mobiel alleen de belangrijke delen tonen voor mobiel, bijvoorbeeld je telefoonnummer of adresgegevens.

Meer heeft men toch vaak niet nodig op mobiel. Een ander voordeel hiervan is dat je website sneller laad op mobiel.

Inhoud:

Astra responsive:

00:03:55 Astra header menu responsive maken
00:05:03 Breekpunt Astra theme menu bepalen
00:05:53 Astra mobile menu knop aanpassen
00:07:17 Mobiel logo Astra theme formaat aanpassen
00:08:49 Achtergrond mobiel submenu Astra theme aanpassen

Elementor:

00:10:55 Website responsive maken met Elementor

Elementor responsive tablet:

00:11:24 Website responsive Elementor voor tablet
00:12:40 Titel kleiner maken alleen voor tablet
00:17:05 Kolommen evenredig verdelen tablet

Elementor responsive mobile:

00:20:42 Website responsive Elementor voor mobile
00:21:46 Titel kleiner maken alleen voor tablet
00:22:22 Items verbergen alleen voor mobiel
00:23:46 Complete sectie verbergen alleen voor mobiel
00:25:10 Resultaat

Elementor Downloaden

Elementor & Elementor Pro vergelijken

Download Gratis stappenplan website maken met Elementor en het Astra Theme

Waarschijnlijk vind je dit ook interessant:

2 reacties

Dyonne Bakker schreef:

28 oktober 2021 om 15:37

Ik heb een vraag over een foto bij een tekst die vooral op sommige mobiele telefoons een stuk verticale tekst geeft naast de foto. Op andere mobiele telefoons is het wel goed. Het gaat om de tekst met daarbij een fotootje op onderstaande pagina.

Beantwoorden
1. Matthijs schreef:
  
  28 oktober 2021 om 20:50
  
  Dit komt waarschijnlijk omdat je de foto binnen het tekstvak hebt gezet.
  Je kunt het beste 2 kolommen maken met Elementor. Aan de ene kant de tekst en aan de andere kant de foto.
  Deze kun je dan ook veel gemakkelijker optimaliseren voor mobiele apparaten zoals hierboven in de video.
  
  Beantwoorden