Door deze responsive te maken

Wat is responsive? Het beste is als je dat gewoon Googled. Dan zul je voorbeelden tegenkomen.
Responsive is vooral gebasseerd op het 12 grid systeem en zo'n uitklapbaar menu.

Daarbij is het ook handig dat je begint met de kleinst mogelijke weergave van je site en deze uitbouwt naar hogere resoluties. Dit principe wordt ook wel mobile first (ontwerpen) genoemd.

Google had zelf ook een artikel over de beginselen van responsive design.

Het makkelijkste is om gebruik te maken van bijvoorbeeld Bootstrap van Twitter. Hier kun je geheel je eigens site omheen bouwen (bekijk mijn site maar als voorbeeld), het is super simpel om te gebruiken en je hoeft het wiel niet opnieuw uit te vinden

Citaat van Puurhost

Het makkelijkste is om gebruik te maken van bijvoorbeeld Bootstrap van Twitter. Hier kun je geheel je eigens site omheen bouwen (bekijk mijn site maar als voorbeeld), het is super simpel om te gebruiken en je hoeft het wiel niet opnieuw uit te vinden

Bootstrap is een goeie manier om dat inderdaad te doen. Puurhost.nl klopt alleen nog niet helemaal op de verschillende resoluties die ik getest heb (buttons,titels, sommigen dingen zijn nog off).

Ook als je bootstrap gebruikt moet je blijven opletten. Evt. zelf nog wat dingen laten aanpassen doormiddel van javascript of css.

Maar Bootstrap is zeker een goed begin en scheelt al een hoop werk. Zeker als je zelf niet helemaal weet hoe je een website responsive maakt.

Citaat van Tredgy

Bootstrap is een goeie manier om dat inderdaad te doen. Puurhost.nl klopt alleen nog niet helemaal op de verschillende resoluties die ik getest heb (buttons,titels, sommigen dingen zijn nog off).

Er zijn inderdaad nog een paar dingen niet helemaal lekker, maar ben er mee bezig

Er zijn weer wat dingetjes gefixed maar het blijft lastig om de site op alle browsers en in alle formaten er goed uit te laten zien