Responsive Table – First Column not centering

  • Resolved Brian

    (@bricam)


    4 years, 9 months ago

    Hi there,

    I have various tables on my site where I am experiencing the same issue, and I can’t figure it out for the life of me. I’m using the responsive tables plugin extension and the ‘stack’ method. With all my tables, the first column does not align center on mobile when the other columns stack. the difference with the first column is that it contains an image, but this shouldnt affect stacking should it?

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The cause for this is the definition of the 200px width for the first column. This needs to be changed while the stacking is active. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media screen and (max-width: 767px) {
  .tablepress-responsive-stack-phone tbody td {
    width: 100% !important;
  }
}

    Regards,
    Tobias

    Thread Starter Brian

    (@bricam)

    @tobiasbg worked like a charm! Thank you so much for the support

    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!

    Thread Starter Brian

    (@bricam)

    Done ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks, I really appreciate it!

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive Table – First Column not centering’ is closed to new replies.