Hide Certain Row on Mobile

  • Resolved jadmac12

    (@jadmac12)


    6 years ago

    Hello,

    I would like to display a single row e.g. 1 A and hide 1 B,C, and D on mobile only.

    What css would achieve this? I’ve seen the css for hiding full rows or columns, but I don’t want to hide an entire row or column.

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To hide single cells, you could try

    @media screen and (max-width: 768px) {
  .tablepress-id-123 .row-1 .column-2,
  .tablepress-id-123 .row-1 .column-3,
  .tablepress-id-123 .row-1 .column-4 {
    display: none;
  }
}

    To hide certain full columns, you could try

    @media screen and (max-width: 768px) {
  .tablepress-id-123 .column-2,
  .tablepress-id-123 .column-3,
  .tablepress-id-123 .column-4 {
    display: none;
  }
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Hide Certain Row on Mobile’ is closed to new replies.