Archived topic
Table scrolling
10 replies · Started by Scott on July 12, 2022
Hi
I have tables on my site containing data. They are just the standard WordPress table.
Up until now, they always have always automatically included a horizontal scroll feature if they were wider than the content area.
This appears to have just disappeared site-wide and wide tables now merge into the right sidebar, with the far-right columns being unreadable.
Any ideas?
Hi Scott,
I see. Not sure about the scroll feature, the current version of the WP Table Block doesn't seem to have one. In any case, you can try adding this CSS through Appearance > Customize > Additional CSS to return that behavior:
figure.wp-block-table {
overflow-x: scroll;
}Kindly let us know how it goes.
An additional issue that has appeared at the same time:
Under most of the H2s I have two columns. The left with an image, and the right-hand column with left-aligned buttons and a paragraph.
Whatever has changed is causing these to appear centered on mobile, where they should be left-aligned like the text underneath.
Also, site-wide these columns were 50/50 as default but they seem to have lost this formatting and are now inconsistently sized, apparently based on whatever is located in the column.
Thanks Fernando, scrolling issue is fixed
Do you have stack on mobile enabled for your WP columns blocks?: https://share.getcloudapp.com/ApuXvOWv
Also, did you set custom widths as such?: https://share.getcloudapp.com/6quzbLpg
Lastly, I can see that you have GenerateBlocks installed. I would highly recommend using a GB Grid Block for layouts like these: https://docs.generateblocks.com/article/grid-overview/
Kindly let us know.
Hi Fernando
Yes, stack on mobile is enabled.
No, column widths weren't originally set, but I've been adding these today (50% per column).
The mobile formatting issue remains after adding column widths. The columns are stacking but the left-aligned blocks are appearing in the centre.
And yep, am using GB Grid Block on other sites but this one had hundreds of posts before GenerateBlocks was released unfortunately.
I see. Can you try temporarily disabling all caching/optimization plugins you have?
Kindly let us know how it goes.
Done.
There's something funny going on site-wide. You can see the home page is also broken, where there was a query loop grid which is now displaying vertically.
I see. Just to be sure no other plugin is causing this, can you try #1 here?: https://docs.generatepress.com/article/debugging-tips/
It would be good to take a backup of your site before doing so.
Kindly let us know how it goes.
Yep, you are right, Thrive Architect was causing it, which is unfortunately still used on many posts (in the process of converting to blocks).
Thanks for your help!
You’re welcome Scott! Glad you found the cause!
