Images added table is not mobile friendly

  • Resolved Muhammad shafiq

    (@muhammadshafiq)


    2 years, 6 months ago

    Hello @tobiasbg! I am using Tablepress for a long time and i just love it.

    I have added a table with two images to one of my article. In desktop the table is fine but in mobile the table is not mobile friendly and moves out of the container.

    Can you please look into it. Thanks
    The page with issue is attached in the link section.

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To have the images shrink on small screens, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    Regards,
    Tobias

    Thread Starter Muhammad shafiq

    (@muhammadshafiq)

    Hi @tobiasbg! I added the above css code, but i think it’s not working.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    it seems to be working for me, the images now shrink on small screens – they will however only shrink a small bit, until the column reaches the width of the longest word in it (“environments” in this case). The columns will not get smaller than that, as the browser does not automatically add word-wrapping here. You could maybe check out https://tablepress.org/extensions/responsive-tables/ for some approaches.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Images added table is not mobile friendly’ is closed to new replies.