Website responsive maken met Elementor & Astra theme

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

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

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Scroll naar top
Basis stappenplan snel website maken WordPress download

Dit wordt super leuk!!

Waar mag ik het stappenplan naartoe sturen?