[Resolved] Table scrolling

[Scott]

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?

[Fernando]

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.

[Scott]

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.

[Scott]

Thanks Fernando, scrolling issue is fixed

[Fernando]

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.

[Scott]

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.

[Fernando]

I see. Can you try temporarily disabling all caching/optimization plugins you have?

Kindly let us know how it goes.

[Scott]

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.

[Fernando]

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.

[Scott]

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!

[Fernando]

You’re welcome Scott! Glad you found the cause!

[Author]

Posts