• Resolved demegatarier

    (@demegatarier)


    Hi, I recently started using TablePress and noticed that while the tables look great on my laptop screen, the cell text of the first column does not display properly on my phone screen (every character is on its own line). I already turned on horizontal scrolling, but that doesn’t fix the issue unfortunately. How can I fix this? Thanks in advance for your help!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    The cause for this is some CSS in your theme. To fix that, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress {
      word-break: normal;
    }

    Regards,
    Tobias

    Thread Starter demegatarier

    (@demegatarier)

    Yes, that fixed it! Awesome, thank you very much!

    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 in the plugin directory. Thanks!

    Hello, I need help displaying TablePress on a mobile phone. Specifically, there is a character that gets wrapped to a new line because its length exceeds the allowed limit. However, I have enabled the Horizontal Scrolling feature. Is there a way to make the character highlighted in red in the attached image appear immediately after my sequence of numbers on the same line? Thank you.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi @ntbao,

    Thanks for your post and sorry for the trouble!

    What you are looking for is this CSS code:

    .tablepress-id-123 td {
    white-space: nowrap;
    }

    This will prevent such line wraps in the table cells.

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Keep cell text on one line’ is closed to new replies.