Responsive Design Problem

  • Resolved Kirby

    (@kirbykirbyknight)


    10 years ago

    We love TablePress, but are having an issue when viewing a table on a phone. We have a table that includes a photo for every record in the table. When viewed on a phone, the header labels (which are now on the side) no longer line up with each row because the photo is taller than the space for the header line. So every subsequent row doesn’t line up with the labels.

    I don’t see a “hook” in the code that would allow me to style that particular row so everything that follows would line up properly.

    Is there any way to get this to look right?

    I can’t provide a link, since the site is password protected.

    Thanks!
    Kirby

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You’ll most likely just need some “Custom CSS” to set the height of the column with the images in the responsive mode.
    If you post a link to the page with the table where this happens, I’ll gladly take a look!

    Regards,
    Tobias

    Thread Starter Kirby

    (@kirbykirbyknight)

    I can grant you access to the page (password protected), but I don’t want to post the password publicly. Is there a way I can send it to you directly?

    Thread Starter Kirby

    (@kirbykirbyknight)

    I’ll post this temporarily until I hear from you then edit it out (I don’t want my contact information staying here for very long.

    I can be reached at [Redacted]

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    please remove your email address again, as it might only be possible edit the post for a short period of time. We don’t want to leave it out here for spammers.

    Then, please send me the URL and password via email, the address is in the main plugin file “tablepress.php”.

    Regards,
    Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    quick update for everybody following this thread:
    I’ve been working on this directly with Kirby and some “Custom CSS” fixed this indeed. ??

    Best wishes,
    Tobias

    P.S.: As Kirby can no longer edit his post above, could a moderator please delete his email address from the post? Thanks a lot!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hi Tobias, in future you want the attention of a moderator we follow threads that are tagged with “modlook”. We do have an option to see every post that comes through on the forum but because there are so many posts it is unlikely that just asking for a moderator in your post will receive one’s attention.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Andrew,

    I actually had added the “modlook” tag, and I can see it in the sidebar on the right of the post?

    Regards,
    Tobias

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh okay, I only noticed this thread when the OP created another one asking for a moderator’s help. So, in contrary to what I just said, we also notice people asking for help in comments ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Andrew,

    I see ?? That’s great to hear! Thanks to all moderators for your great work here!

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Responsive Design Problem’ is closed to new replies.