Fitting table when width is responsive

  • Resolved billbennett

    (@billbennett)


    4 years, 5 months ago

    The table on this page looks fine on a phone – which is important in 2020 – but on a larger screen it is offset to the left. Everything I’ve tried to do with the css in the panel in the plug-in options tab is overridden by my theme’s responsive CSS.

    Has anyone encountered this problem and, how did you overcome it?

    I’m confident enough with everyday CSS, but struggle with complex responsive CSS set-ups.

    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 question, and sorry for the trouble.

    There’s indeed some rather odd CSS for table in your theme. To override that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media screen and (min-width: 1000px) {
  .entry-content > table {
    display: table;
  }
}

    Regards,
    Tobias

    Thread Starter billbennett

    (@billbennett)

    Thanks Tobias

    Like I said, CSS is easy, until you have to deal with responsive screens

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fitting table when width is responsive’ is closed to new replies.