Columns Display on Mobile

Resolved

(@lucjak)

Hello Tobias!
I’ve tried to hide column 2 on mobile devices, however it doesn’t seem to work. I’ve used the code below:

@media screen and (max-width: 768px) {

	.tablepress-id-1 .column-2
	.tablepress-id-3 .column-2
	.tablepress-id-13 .column-2
	.tablepress-id-12 .column-2
	.tablepress-id-14 .column-2
	.tablepress-id-15 .column-2
	.tablepress-id-18 .column-2
	.tablepress-id-19 .column-2
	.tablepress-id-20 .column-2
	.tablepress-id-21 .column-2
	.tablepress-id-22 .column-2
	.tablepress-id-23 .column-2 {
		display: none;
	}

Can you please let me know if there’s a way to fix it?

Cheers!

The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

6 years, 2 months ago
Hi,

thanks for your post, and sorry for the trouble.

Your code is missing commas , after the .column-2 (except for the last one). And there’s a } missing at the end.

Please try again with
```
@media screen and (max-width: 768px) {
	.tablepress-id-1 .column-2,
	.tablepress-id-3 .column-2,
	.tablepress-id-13 .column-2,
	.tablepress-id-12 .column-2,
	.tablepress-id-14 .column-2,
	.tablepress-id-15 .column-2,
	.tablepress-id-18 .column-2,
	.tablepress-id-19 .column-2,
	.tablepress-id-20 .column-2,
	.tablepress-id-21 .column-2,
	.tablepress-id-22 .column-2,
	.tablepress-id-23 .column-2 {
		display: none;
	}
}
```
Regards,
Tobias
Thread Starter lucjak
(@lucjak)

6 years, 2 months ago

I completely missed that, sorry to bother you and thank you so much for the help!

Plugin Author Tobias Bäthge
(@tobiasbg)

6 years, 2 months ago

Hi,

no problem, you are very welcome! 🙂 Good to hear that this helped!

Best wishes,
Tobias

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

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Columns Display on Mobile’ is closed to new replies.

Tags