Cannot view on mobile

Hi,

thanks for your question, and sorry for the trouble.

I’m afraid that this is a rather “classical” problem, of showing tables on small screens. 🙁 You will need an approach to make the table “responsive”. For some ideas, please see https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias

Hi,

just installing that Extension is not enough. You’d need to enable one of the available modes by extending the Shortcode that you are using on that page with another parameter.

Regards,
Tobias

Hi,

you’d need to change the word device to one of phone, tablet, desktop, or all.

(Please also make sure to not accidentally use “curly” quotation marks ” around that word, but “straight ones ".)

Regards,
Tobias

Hi,

I think, you don’t really want to center, but increase the width 🙂
For that, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media (screen and max-width: 767px) {
  .tablepress-responsive-stack-phone tbody td {
    width: 100%;
  }
}

Regards,
Tobias

Hi,

I’m not sure what you mean. Where are you getting this error? Can you provide a screenshot? TablePress does not prevent you from saving the CSS… And no, the code will not break the site 🙂 Still make sure to copy it as it is above.

Regards,
Tobias

Hi,

from what I can see, you are not using the TablePress “Custom CSS” field (on the “Plugin Options” screen of TablePress), but some other “Custom CSS” field, from the theme or another plugin?

But to maybe fix that error, please try this modified version:

@media screen and (max-width: 767px) {
  .tablepress-responsive-stack-phone tbody td {
    width: 100%;
  }
}

Regards,
Tobias

Hi,

great! Good to hear that it’s working now!

Best wishes,
Tobias