Morris

Hi Tobias,

Thanks for the reply.

I had a play last night, somehow got rid of the scroll, but now lost the left and right-hand borders.

Another issue is the size of table on mobile, I also tried the @media code but did not seem to work across the site.

Here is the link:

https://bit.ly/3twgsNK

The code I am using on the site is:

.tablepress thead th {
	font-size: 21px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	border-radius: 10px 10px 0 0;
	height: 75px;
}

.tablepress tbody td {
	font-size: 21px;
}

.tablepress.Fire-Classifications th.column-1 {
	background-color: #023047;
}

.tablepress.Fire-Classifications th.column-2 {
	background-color: #023047;
}

.tablepress.Fire-Classifications th.column-3 {
	background-color: #023047;
}

.tablepress.Fire-Classifications th.column-4 {
	background-color: #023047;
}

.tablepress.Fire-Classifications tbody td {
	border: solid .5px;
	border-color: #023047;
}

.tablepress.Fire-Classifications tbody td {
	text-align: center;
}