Making TablePress mobile-friendly?

  • Resolved slimjim414

    (@slimjim414)


    10 years, 8 months ago

    I apologize if this has already been asked and/or answered… couldn’t find the answer anywhere?

    I’m currently using the Seashell theme purchased from ThemeForest. In setting up the 2×4 table (which works great on the actual site), I went to double check that it worked on mobile as well. It doesn’t allow the page to scroll right, and so cuts off an entire column in my table.

    I’m not sure if this is even a problem with TablePress or the theme itself, however since the theme as a whole is responsive I thought I’d try it here. Any solutions out there?

    For reference, the site is here (Keep in mind it’s still a work in progress!

    Thanks for your help!

    https://www.ads-software.com/plugins/tablepress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The question here is more philosophical: What do you want the table to do on small screens?

    For tables with data in it, one idea is to flip it around, as e.g. possible with the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    For your table, that approach is not really suitable. Instead, you could tell the images to shrink. For that, please try adding this “Custom CSS”:

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

    Regards,
    Tobias

    Thread Starter slimjim414

    (@slimjim414)

    That worked beautifully, thank you so much!

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

    TobiasBg

    I am using your TablePress plugin but it is breaking the sorting feature when there is enough data to activate the scrolling featuer. Is there a way to fix this? Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you elaborate on this? I don’t really understand what you mean. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Making TablePress mobile-friendly?’ is closed to new replies.

Tags