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

Website mobielvriendelijk maken met Elementor

Inmiddels is het algemeen bekend dat het belangrijk is om je website mobielvriendelijk te maken. Wanneer je werkt met Elementor, maak je je je website mobielvriendelijk in een handomdraai. Je kunt bijna alles aanpassen voor mobiele weergave. Ook kun je er bijvoorbeeld voor kiezen om bepaalde blokken of widgets niet te tonen op mobiel. Super handig! In dit artikel nemen we de belangrijkste mogelijkheden om je website mobiel vriendelijk te maken met je door.

Mobiele optimalisatie als laatste

Om te beginnen is het optimaliseren van je pagina voor mobiel het laatste wat je doet. Pas als je tevreden bent met je desktop versie, ga je verder met de mobiele optimalisatie. Dit voorkomt dat je straks dingen twee keer moet doen als je bijvoorbeeld toch nieuwe blokken plaatst of wijzigt.

De paginaweergave aanpassen

Binnen Elementor kun je de paginaweergave zetten op Desktop, tablet of mobiel. Dit doe je door onderin op het desktop icoontje te klikken.

Starten met je website mobielvriendelijk maken

Het meest makkelijke is om te beginnen met het aanpassen van de sectie, dan de kolom en vervolgens de widgets binnen de kolom. Je hoeft niet bang te zijn dat je per ongeluk iets aanpast voor de desktop versie. Je kunt altijd goed zien voor welke pagina weergave je aanpassingen doet, doordat het mobiele icoontje boven de aanpassingen gekleurd is.

Sectie aanpassen voor mobiel:

Wat je allemaal kunt aanpassen om je website mobielvriendelijk te maken:

  • Hoogte van de sectie (onder de tab ‘lay-out’)

  • Achtergrond (onder de tab ‘Stijl’)

  • Margins en paddings

  • Randen (onder de tab ‘Geavanceerd’)

  • Zichtbaarheid (onder de tab ‘Geavanceerd’)

  • Volgorde van kolommen omdraaien binnen de sectie

Kolommen aanpassen voor mobiel

  • Breedte van de kolom (in %) ten opzichte van de andere kolommen in de sectie

  • Achtergrond (hetzelfde als bij sectie)
  • Randen (hetzelfde als bij sectie)
  • Paddings en margins  (hetzelfde als bij sectie)

Widgets aanpassen voor mobiel

Afhankelijk van welke widget je wilt aanpassen heb je hier verschillende mogelijkheden voor. Een paar voorbeelden:

  • Typografie (grootte, diktes, lijnhoogte, letterafstand)

  • Margins en paddings  (hetzelfde als bij sectie)
  • Uitlijning

  • Zichtbaarheid (hetzelfde als bij sectie)
  • Afbeeldingsgrootte

Je website mobielvriendelijk maken kan dus met Elementor op heel veel manieren. Het is hierbij een beetje afhankelijk van hoe je pagina’s zijn opgemaakt.

Lees ook hoe je je header mobielvriendelijk kunt instellen met Elementor

Deze vind je misschien ook interessant:

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.