Table Width Adjustment for Mobile View

  • Resolved samuelng527

    (@samuelng527)


    4 years ago

    Hi,

    I’m using [table id=4 responsive=”scroll” /] for my table on this page, https://theoldco.net/sua/find-a-urologist/.

    On desktop view, it’s look great but in mobile view, the 2nd column is spread too wide, and the 3rd column width is too small, how can I adjusted these all the columns in even width?

    Please advise, many thanks.

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The cause for this are the long website URLs. The browser treats these as one very long word. It might be the best to replace these with links that have a common short link text, like “Website”.

    Also, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-4 .column-1 {
    min-width: 150px;
}
.tablepress-id-4 .column-3 {
    min-width: 250px;
}

    to set the width on small screens.

    Regards,
    Tobias

    Thread Starter samuelng527

    (@samuelng527)

    Hi @tobiasbg,

    Thank you so much for your advice, now it’s look nice on mobile.

    Thank you once again.

    Plugin Author Tobias B?thge

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table Width Adjustment for Mobile View’ is closed to new replies.