Shrink table spacing on mobile, but keep text similar size

  • Resolved royalexecutive

    (@royalexecutive)


    7 years ago

    Hello there,

    I’m trying to get the mobile/tablet version of my websites table to keep the same text size but just get rid of the extra spacing on the table.

    Here’s a good example of what I’m looking for: https://westmaids.com/services/ (heard about this plugin from the owner of this company, so I know they use Tablepress.

    I like how when you’re on the mobile version for the westmaids site the text stays roughly the same size, but the extra space goes away, which is what I’m trying to do.

    Please advise.

    Cheers,

    Matt

    P.S. This is a separate domain to build out my site on, so please excuse the sloppiness of the rest of the site. XD

    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.

    To achieve that, this site uses “Custom CSS” like

    @media only screen and (max-width:400px) {
    .tablepress td,
    .tablepress th {
      padding: 0px !important;
    }
}

    Regards,
    Tobias

    Thread Starter royalexecutive

    (@royalexecutive)

    Hi Tobias,

    Thank you! The right side is still just a little bit cut off, but for now it’ll do. I’m not a web developer, so good enough is, good enough. haha

    Cheers,
    Matt

    P.S. I’ll be leaving you a review now

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    that’s because the content in your table simply requires more width than what’s available :-/

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shrink table spacing on mobile, but keep text similar size’ is closed to new replies.