Most times, when you have a very large table with 2 or more columns, it will look fine on desktop. But, it’s not the same case on mobile.
On mobile, the table box element will broken to the next line to fit into the tiny space if it’s too long. This could be a very bad experience for the user.
A smart way to get over this is by making the tables on your blog or website mobile-responsive.
There are two ways I’ve tested and trusted:
1. Use the plugin “WP Responsive Table”. All you need to do is install and activate. Voila!
2. Another option to is to go to Dashboard>Themes>Customize>Additional CSS and paste this line of code:
`.wp-block-table table {`
`white-space: nowrap;`
`}`
NB: inspect your website using the developer tool on Chrome to know which CSS class name your theme provider used. In my case it was “table” and “.wp-block-table”
*Just dropping this here hoping it would be helpful to someone somewhere some day.*
[ad_2]