Mobielvriendelijk met Divi

door | 22 maart 2018 | Divi tips

In mijn artikel Hoe maak je je website mobielvriendelijk? schrijf ik over de problemen die je met mobiele schermen kunt tegenkomen. In dit artikel bied ik oplossingen speciaal voor Divi gebruikers.

Element uitzetten voor mobiel

Soms wil je bepaalde zaken niet op de mobiele versie tonen, bijvoorbeeld omdat:

  • een plaatje onleesbaar is
  • je de pagina lichter wilt maken (sneller laden)
  • je de pagina compacter wil maken in informatie (andere teksten)

In Divi kun je elke sectie, rij of module onzichtbaar maken voor mobiel, tablet of desktop. Bekijk het filmpje hiernaast of hieronder (mobiel) hoe je dat doet.

Hieronder hoe het in de oude versie ging. (voor diegene die geen updates hebben gedraaid)

Verschillende content per device

Zo kun je dus voor mobiel een andere layout en/of inhoud maken dan voor desktop en tablet.

Het is handig om in het Admin Label de omschrijving aanpassen.

Tip! Check voordat je een pagina publiceert altijd op je mobiel hoe deze er uitziet.

Mobiele versie bekijken met de Divi Builder

Let op! check toch ook even op je eigen mobiel. De meeste mobieltjes hebben een kleinere breedte dan in de Divi builder.