Als je Google Webmastertools gebruikt, kan het zijn dat je een bericht krijgt als deze:
Verhelp problemen met mobiele bruikbaarheid die zijn gevonden
Dat, terwijl je toch een responsive / adaptive template in gebruik hebt.
Hoe kan dit?
Dus je wilt je site graag responsive hebben. Maar dan heb je nog van die tabellen in je content, die natuurlijk buiten de bandbreedte springen. En je kunt nog zo mooi je tabel op 100% breedte hebben staan, je content wil toch niet mee verkleinen.... Wat dan?
Mooie responsive table demo gevonden, en het werkt nog ook! Ik heb zowel de scrollende geprobeerd (flip-scroll) als de no more tables waarbij je je tabel cellen als block-elementen gaat positioneren. De laatste heeft zelfs een mooie optie om de tabel headers voor de cellen te zetten.... het werkt echt.
Soms moet je ook even tijd aan je eigen site besteden. Even de layout van mijn mobiele site verbeteren. Ziet er stukken beter uit op een smartphone nu.