Website responsive maken met Elementor & Astra theme (maart 2021)

Website responsive maken met Elementor & Astra theme

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.

En ga daarna sowieso voor Elementor Pro 💪🏼

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

En ga daarna sowieso voor Elementor Pro 💪🏼