[Support request] How to make this site mobile responsive

[Scrj256]

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/

Screenshot Mobile view

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

[Leo]

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!

[Scrj256]

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]

[Leo]

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.

[Tom]

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.

[Author]

Posts