Wat is responsive?

Ieder device wat je gebruikt kent andere beeldformaten. Denk aan je desktop, tablet of telefoon. Het kan dus voorkomen dat je op je telefoon iets anders wil zien dan op je desktop. Dus een knop wel of niet wil tonen. De afbeelding boven de tekst wil hebben in plaats van eronder. Dat leggen we uit op deze pagina.

Hoe maak ik mijn website responsive geschikt?

Onderaan de pagina langs de knop updaten zit een knopje responsive modus (het knopje met de 2 verschillende devices). Wanneer je hierop klikt zie je de website in 

Wanneer je hierop klikt zie je bovenin de pagina een extra balk verschijnen met 3 devices. 

Hij staat standaard op desktop maar klik maar eens op tablet of telefoon. 

Het scherm past zich nu aan, zodat je kunt zien hoe de website zich gaat tonen in dit geval op mobiel. Het leuke is nu dat je ook alle stijlen kan aanpassen. klik maar eens op een potloodje van een widget. 

En ga nu naar stijl in de editor aan de linkerzijde.

En ga nu naar stijl in de editor aan de linkerzijde.

Je ziet nu dat bij sommige instellingen dat er een mobiel icoontje is bijgekomen. Hier kan je de stijl aanpassen voor bijvoorbeeld de afmeting van tekst. Dit wordt alleen dan veranderd op mobiel op dat specifieke blok. Ditzelfde kan je ook doen voor tablet. 

Vergeet nooit om op updaten te klikken na een wijziging. Deze knop bevind zich links van de pagina aan de onderzijde van het instellingen panel.