Archived topic
How to make this site mobile responsive
4 replies · Started by Scrj256 on December 6, 2016
Dear GP Users
I've createt a website and my problem is that I'm not able to make this one site mobile responsive:
http://bernetbau.swiss/wordpress/kontakte/ansprechpartner/
When I used the normal tables (1st entry) there is to much space beteen "Telefon","Mobile","Fax" and "E-Mail" on the browser Website and the mobile website as you can see on the "Screenshot Mobile".
Is there a Plugin to fix this or can somebody helph me?
Thanks
Best Regards
Hello,
GP is mobile responsive by default. I believe you are experiencing the issue due to the tables themselves and not the theme.
I would suggest remaking the table using Tom's Lightweight Grid Columns plugin: https://en-ca.wordpress.org/plugins/lightweight-grid-columns/
It should make everything look better. Let me know if it works!
I did it with the Lightweight-grid-columns plugin.
At the smartphone and tablet it is not 100% perfect. What do you mean?
This is how it looks now:
Normal browser: http://bernetbau.swiss/wordpress/kontakte/ansprechpartner/
Smartphone:
[url=http://abload.de/image.php?img=screenshot_20161207-2p9uy0.png][img]https://abload.de/thumb/screenshot_20161207-2p9uy0.png[/img][/url] [url=http://abload.de/image.php?img=screenshot_20161207-2ibu2v.png][img]https://abload.de/thumb/screenshot_20161207-2ibu2v.png[/img][/url]
Tablet:
[url=http://abload.de/image.php?img=screenshot_20161207-21pjzv.png][img]https://abload.de/thumb/screenshot_20161207-21pjzv.png[/img][/url] [url=http://abload.de/image.php?img=screenshot_20161207-2eokoy.png][img]https://abload.de/thumb/screenshot_20161207-2eokoy.png[/img][/url]
On second thought, have you tried using a plugin specific for contact/staff page?
It makes managing/editing staff and contact info easier. They usually have templates that look good on all devices as well. I think it would be much easier than coming up with a good style on your own.
I have used Connections Business Directory (https://en-ca.wordpress.org/plugins/connections/) before and quite like it. Also loads of other options out there as well.
Good suggestion, Leo!
If that doesn't work for what you want, I would suggest making the rows 100% wide on mobile so each method is stacked on top of each other.
