Replace table at certain screen size

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter arielramira

    (@arielramira)

    i.e. [table id=1 /] becomes (‘[table id=2 /]’

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    While it’s not possible to replace a Shortcode or table on the fly, you could achieve this with CSS code, when embedding both Shortcodes into the page, e.g.

    .tablepress-id-2 {
  display: none;
}
@media screen and (max-width:767px) {
  .tablepress-id-1 {
    display: none;
  }
  .tablepress-id-2 {
    display: table;
  }
}

    On small screens, this would hide table 1 but make table 2 visible.

    Regards,
    Tobias

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Replace table at certain screen size’ is closed to new replies.