XF 1.2 Hiding a table column in responsive

[Andy.N]

I have a html table on XF page and I would like to make the table responsive by hiding a whole column when in responsive @maxResponsiveNarrowWidth

 

[Jeremy]

Use @Brogan's resource on media queries.

table tr td:nth-child(x) {
  display: none
}

 

[Andy.N]

Use @Brogan's resource on media queries.

table tr td:nth-child(x) {
  display: none
}

Thanks very much.
Just for the record, I use this in extra.css to hide the 4th column of a table.

@media (max-width:@maxResponsiveNarrowWidth)
{
table tr td:nth-child(4) {
  display: none
}

table tr th:nth-child(4) {
  display: none
}
}