• Resolved tobiashage

    (@tobiashage)


    Hello Tobias,

    first of all thanks for your great plugin. It already helped so many times to make my life easier. But now I got a problem that I tried to solve on my own for the last two hours but somehow I can’t.

    I’m working on this site: http://tobiashage.de/beispiel_break/
    The last table you see has the word “test” in it’s 2nd row and first coloumn. On Desktop this word is perfectly placed in the fourth line with one empty line above. On mobile though it’s placed right behind the “smile” with one space – that’s it.

    Now my first attempt was to insert <br />. Didn’t work. Same with <span> and defining a class in custom css, didn’t work. What really annoys me is, that this also occurs on all the other cells and lines when the screen width gets to small, resulting in unreadable text.

    My last solution would be to create one line per entry – but then I end up with like 50 lines and growing. Is there maybe an other solution I didn’t see yet?

    Kind regards and thanks in advance for helping out,
    Tobias

    • This topic was modified 9 years, 3 months ago by tobiashage.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The cause for this basically is that your theme is hiding all <br /> HTML tags (using display: none;) in it’s CSS file, on screens that are smaller than 768px.
    You’ll find the relevant CSS in the theme’s style.css file.

    I suggest to simply override this behavior in TablePress tables, so that the <br />s will not be touched. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress br {
      display: inline;
    }

    Regards,
    Tobias

    Thread Starter tobiashage

    (@tobiashage)

    Hi Tobias,

    well – that worked. And was way too easy! 😀 Thanks a lot for your fast response and helpful answer, even though the problem wasn’t caused by anything you’re responsible for but my theme’s funny behaviour! I really like working with TablePress and I’m actually quite stunned that you provide that good support even though the plugin is completely free! Already made a donation to you some days ago and will do again as soon as the new month is there #poorstudent 🙂

    Wish you a great weekend!
    Tobi

    • This reply was modified 9 years, 3 months ago by tobiashage. Reason: mark topic as solved
    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!

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

The topic ‘Line Breaks not working on mobile’ is closed to new replies.