Table Perfectly Centered on Desktop, But Not Mobile

Hi,

thanks for your post, and sorry for the trouble.

Technically, the table is not “off-center”, but it’s extending beyond its parent element (the page’s content area), because the content requires more width. This is the rather classical problem of responsiveness of tables on the web. For more information on that, please see https://tablepress.org/extensions/responsive-tables/ .

However, in your case, a bit of CSS code, to instruct the browser to shrink the images, should be sufficient. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-1 img {
  max-width: 100%;
}

Regards,
Tobias

PERFECT! Thank you so much, Tobias!

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!