• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Hiding a table column in responsive

Andy.N

Well-known member
#1
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
 

Andy.N

Well-known member
#3
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
}
}