Change Font Size on Mobile View

Hi,

thanks for your post, and sorry for the trouble.

To change the font size only on small screens, you could e.g. add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media screen and (max-width: 768px) {
  .tablepress {
    font-size: 12px;
  }
}

Whether that is a good idea (everything is small on a phone already, after all), I’m not so sure. You might therefore also want to check out the possible modes for making tables responsive that the Responsive Tables premium module that comes with TablePress Pro and Max offers.

Regards,
Tobias

It worked. Thank you very much. ??

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!

Hello,
I have tried this code on my mobile tables, and nothing has changed for me.

https://can-cell.com/shop/contractor-solutions/fasteners-cs/wire-strip-framing-nails-br

Hi sstrand2022,

that’s because your theme/Elementor is already assigning a font size on the table cell level. This should work for you:

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

Regards,
Tobias