Responsive column drops a few pixels

  • Resolved brightcoconut

    (@adamkayce)


    11 years, 4 months ago

    I’ve gotten this issue on every site I’ve tried using the responsive table extension with… when the table switches to the responsive version, the columns don’t line up anymore.

    I typically fix it by adding a fixed-height to the css, such as:

    .tablepress th, .tablepress td { height: 90px; }

    … but in this case, the third column (well, tr.row-4) and the rest beyond it seem to bump itself down a few pixels, and I can’t see why.

    I’ve tried disabling all plugins, with no luck. Thoughts?

    https://crossfit906.com/

    https://www.ads-software.com/extend/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is definitely a very strange thing, and unfortunately, I also can’t see why this happens ??

    You should definitely add that CSS for the height,but maybe in a media query like

    @media (max-width: 979px)
  .tablepress-id-1 th,
  .tablepress-id-1 td {
    height: 90px;
  }
}

    Unfortunately, this does not help against that bump ?? I could not find a cause for this in the Chrome Developer Tools, so the only suggestion that I can make is to maybe ask somewhere where more HTML/CSS experts are around. Maybe someone else spots what’s going on…
    Sorry for not having better news ??

    Regards,
    Tobias

    Thread Starter brightcoconut

    (@adamkayce)

    Ah well. Thanks anyways.

    I put a request out to the Genesis folks, so if I hear back with anything useful, I’ll update the thread…

    UPDATE: The Genesis folks found a fix:

    .tablepress tr { vertical-align: middle; }

    I have it in a media query, of course, and it does the trick.

    It must be a Metro/Genesis issue, btw, since I tested the same table using Minimum/Genesis, and there was no vertical bump.

    All’s well that ends well!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    awesome! Great to hear that you found a solution with their help! Very strange that a vertical-align on a table row can cause this, but I guess, we’ll always keep learning ??

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive column drops a few pixels’ is closed to new replies.