TablePress on mobile

  • Resolved lucjak

    (@lucjak)


    9 years ago

    Hi,
    Is it possible to make the text in the table responsive? I would like to have smaller text on mobile to make sure that table will properly fit the screen on mobile devices.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years ago

    Hi,

    thanks for your question, and sorry for the trouble.

    For that, the best approach should be a CSS3 Media query, like

    @media screen and (max-width:768px) {
  .tablepress th,
  .tablepress td {
    font-size: 10px;
  }
}

    This example should reduce the font size of the text in the table on small screens. You could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

    Regards,
    Tobias

    Thread Starter lucjak

    (@lucjak)

    8 years, 12 months ago

    Hello Tobias,
    Thank you very much!
    One more question – is it possible to display different size of the image on mobile and different for desktop?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 12 months ago

    Hi,

    yes, with a similar method, like

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

    Regards,
    Tobias

    Thread Starter lucjak

    (@lucjak)

    8 years, 12 months ago

    Great! Thank you very much for help Tobias.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 12 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘TablePress on mobile’ is closed to new replies.