- This topic has 4 replies, 3 voices, and was last updated 5 years, 5 months ago by
.
-
Posts
-
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
Customer Support
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!Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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:
Tablet:
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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Lead Developer
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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development
- You must be logged in to reply to this topic.