XF 1.2 Hiding a table column in responsive

Andy.N

Well-known member
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
 
Use @Brogan's resource on media queries.
Code:
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.
Code:
@media (max-width:@maxResponsiveNarrowWidth)
{
table tr td:nth-child(4) {
  display: none
}

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