Not adapting on mobile

Hi,

thanks for your post, and sorry for the trouble.

The problem here is that the table content simply won’t fit on the screen, without e.g. adding extra line breaks in the words, or reducing the font size.
You will therefore need an approach for a “responsive” table. For some possibilities, please see https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias

Hi Tobias,
as far as I remember I already downloaded this responsive table extension a few years ago. (Any way to verify this?)

So I went ahead now and I added:
responsive=flip responsive_breakpoint=”phone”

but as you see, there is no difference, it doesn’t seem to be working.

And if instead I want the text to be smaller on mobile view for the table?
You see the point is that the table has a “call to action” in column 4. If I make readers scroll, they may not click it, that’s why I’d prefer them to see the whole table together somehow. Maybe I could try with the stack mode if nothing else is working.

Thank you!
D.

Hi,

to verify, you should check the list of Plugins on your site. You should see a “TablePress Responsive Tables Extension” there. From what I can see however, it doesn’t seem that this is installed and activated (which is why the Shortcode changes don’t work yet).

For smaller font size on small screens, you could try CSS. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media screen and (max-width:768px) {
  .tablepress-id-95 thead th,
  .tablepress-id-95 tbody td {
    font-size: 12px;
  }
}

Regards,
Tobias

Hi Tobias,
You’re a genius, that worked!

Thanks a lot.

I don’t know about the responsive tables, I am pretty sure I used that in the past, I may have deleted it a few years ago I suppose.

But this extension is supposed to look like an additional plugin in my plugin list?

Hi,

good to hear that this helped!

Yes, you would see that as an additional plugin in the list.

Best wishes,
Tobias