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

Hello, Tobias. I too have this problem. I downloaded and installed responsible tables 1.7 but I see no change on other mobile phones. Any help with this would be appreciated.
Donation coming soon.

https://colormasterspainting.net/

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

Yes, I did that. We only have 2 tables here is the shortcode
[table id=1 responsive=stack responsive_breakpoint=”device” /]

What am I missing?

• This reply was modified 4 years, 8 months ago by goodsuccess.

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

Ok, got it thanks. Is there a way to center on “phone”?

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

Unable to save due to 1 invalid setting. Might break site ?

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

On custom CSS…Copied and paste the exact same code.

• This reply was modified 4 years, 8 months ago by goodsuccess.

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

On custom CSS…Copied and paste the exact same code.

Ok, it’s all good. Got it to work. Again…thanks for this awesome support.

Yes, I am using the Socrates theme. It has its own custom CSS field. Again, it is working fine. Everything is aligned correctly on most devices.

Thanks for your time efforts. I have given my review…awesome plugin and support.

Hi,

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

Best wishes,
Tobias