Table just on desktop

  • Resolved content365

    (@content365)


    7 years, 1 month ago

    Hi Tobias,

    is it possible to make tables invisible on mobile devices? I would like my tables to be shown just on desktop and tablets.

    Thanks

    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)

    Hi,

    thanks for your question, and sorry for the trouble.

    Yes, this is possible using CSS3 Media Queries. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    This would hide table 123 on screens that are smaller then 768px (usually smartphones). Just adjust the table ID as necessary.

    Regards,
    Tobias

    Thread Starter content365

    (@content365)

    Thanks for the quick answer. Can I do this for all tables at once, or do I need to do it separately for all table IDs?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you can do it for all tables at once, by using .tablepress instead of .tablepress-id-123.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table just on desktop’ is closed to new replies.

Tags