Table too large (Media devices)

Hi,

thanks for your post, and sorry for the trouble.

The cause for this is that many cells in the second column have very long words (actually groups of words that are combined with a comma, but no space after it). This then makes the browser treat these as a very long word.

We can however adjust this with slightly different “Custom CSS”. Please replace

.tablepress-id-22 tbody td {
	font-family: Tahoma;
	font-size: 14px;
	color: #ffffff;
	background: none;
	border: none;
	word-break: break-word;
}

.tablepress-id-22 .column-2 {
	font-weight: bold;
}

with

.tablepress-id-22 tbody td {
	font-family: Tahoma;
	font-size: 14px;
	color: #ffffff;
	background: none;
	border: none;

}
.tablepress-id-22 .column-2 {
	font-weight: bold;
	word-break: break-word;
}
.tablepress-id-22 .column-3 {
	white-space: nowrap;
}

Note that the scroll parameter is not working because you have not installled and activated the TablePress Extension from https://tablepress.org/extensions/responsive-tables/
Once you do that, you could use this. The stack mode might in fact work even better.

Regards,
Tobias

Hi,

good to hear that this helped! 🙂

No, sorry, I don’t know what’s causing that other error, sorry.

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Hi,

if you find something, please let me know!

Best wishes,
Tobias