Archived topic
Tables Responsive - Horizontal Scrolling
9 replies · Started by Ziga on July 27, 2021
Hello,
I am having trouble setting up tables on my GP website. The problem is that on mobile devices, the table "break" is far too small and then the header text gets duplicated as many rows there are.
This is what I want the table to look like on mobile devices
And this is the current output on mobile devices
<br />holidays and events smileys<br />
Also, when I preview in the editor it looks OK:
Do you have any solutions for this?
I have GP premium and GP Blocks PRO
Thanks,
Ziga
Hi there,
can you share a link to the post where i can see the table?
Hey David, this post is not live yet. However, there are others that have the same problem. Can I share it privately?
You can share it in the Private Information field with any login details etc. Only the GP admins have access to this.
As a note: The core tables block, like any HTML Table, is not responsive by default, but i can take a look at some CSS for your requirements.
Hello, I am sharing the login in the private note
You have some custom code for "Make Tables Responsive" - how is that being added to the site ?
Probably through a plugin, that doesn't work?
Its seems to be making a mess of things lol
Can you find which plugin and disable it or the 'resposnive' tables option. Then i cant take a look.
I disabled the plugin, hope it's the right one. Can you check?
Well its no longer scrolling off the screen.
