Image-based table responsiveness

  • Resolved mbkentfield

    (@mbkentfield)


    10 years, 3 months ago

    I’ve tried a few of the tips in previous threads about making tables responsive, but none seem to be helping my issue.

    I have a 3 column x 2 row table with only images in each cell meant to act as buttons to other pages. The table looks great and how I wanted on desktop, but mobile is only showing the first column. Is there anything I can try to accomplish this?

    The page on which I’m having the issue is:
    http://speed51.com/jet-tools-speedweeks-central/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 3 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The best way I see where would be to tell the browser to reduce the width of the images on small screens, e.g. by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    For this to work, please revert the changes to the Shortcode for the Reponsive Tables Extension (if any), and also uncheck the “Use DataTables” checkbox on these tables’ “Edit” screens.

    Regards,
    Tobias

    Thread Starter mbkentfield

    (@mbkentfield)

    10 years, 3 months ago

    Outstanding. Turns out the unchecking of the “Use DataTables” was what had been holding me back the whole time. Thank you so much for your quick response and help.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 3 months ago

    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!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Image-based table responsiveness’ is closed to new replies.

Tags