Width of the table on phone

  • Resolved shss

    (@shss)


    7 years ago

    Hi there, first of all thank so much for this excellent plugin. It made my life easier and I can’t wait to buy you that coffee! ??

    My question: I Made tables and put them on my website. They look fantastic on the desktop however, the width of the tables doesn’t adjust and it breaks the page on the phone. It looks very bad on the phone and you will see what I mean buy checking out one of the the links on my website (with the phone, please). Again, on the desktop it looks great but I’m having this issue on the phone (IOS), I haven’t checked on Android but I assume it’s the same.

    I use Genesis Themes

    Thanks again for this amazing plugin

    • This topic was modified 7 years ago by shss.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is a standard problem with tables on small screens. You will need a solution for responsiveness. For some ideas, please see https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

    Thread Starter shss

    (@shss)

    Thank you for the quick reply.
    Okay I will do that however, I have the same size tables on another theme in another website and there is no issue. I can see table and content perfectly both on desktop and phone.

    Do you think by reinstalling the plugin, the problem will be solved?

    Thanks Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no, reinstalling will not help at all.

    This a tricky issue, where details like lengths of words in the table or even margins play a big role. The words in your table simply have to go somewhere and the browser can not break the row/column structure. That’s why solution like scrolling are necessary.

    Regards,
    Tobias

    Thread Starter shss

    (@shss)

    I installed the extension and now my table looks better but still nor the font neither the images resize in the cells (specially the font, they stay large and don’t shrink). How can I get the font and images resized automatically inside the Table-press cells?

    Thanks again

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    shrinking the font size automatically is not possible, you will need a bit of CSS code for that.
    For example, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media (max-width: 768px) {
    .tablepress th,    
    .tablepress td {
        font-size: 10px;
    }
}

    Regards,
    Tobias

    Thread Starter shss

    (@shss)

    Worked like a charm!!!

    Thank you

    • This reply was modified 7 years ago by shss.
    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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Width of the table on phone’ is closed to new replies.