Row Height In Stack Mode (Responsive)

  • Resolved Bart Magera

    (@bartmagera)


    3 years, 5 months ago

    Hi.

    When I enabled stack mode and switch to mobile view, the rows are quite tall. How to make the space between rows smaller?

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The cause for that are all those line breaks that you manually added to the table cells, probably to move the text more towards the vertical center.
    Please remove all those line breaks. Then, instead, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 tbody td {
  vertical-align: middle;
}

    Regards,
    Tobias

    Thread Starter Bart Magera

    (@bartmagera)

    Nope. This is how it looks like (absolutely no change).

    https://prnt.sc/1trmp5u

    Thread Starter Bart Magera

    (@bartmagera)

    Actually, just fixed it. It’s looking good now. Thanks for your help!

    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!

    Thread Starter Bart Magera

    (@bartmagera)

    Just rated it, thanks!

    I have on more question.

    This page

    https://manukahoneyorganic.com/what-is-umf/

    has a table in it and it’s not responsive. What am I missing here?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks a lot!

    As for that page: Did you add a Shortcode parameter for the responsiveness to the table Shortcode?

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Row Height In Stack Mode (Responsive)’ is closed to new replies.