Cell width in mobile phone only few characters wide.

Hi,

thanks for your post, and sorry for the trouble.

From what I can see, this is caused by your theme. To fix this, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
  word-break: normal;
}

Regards,
Tobias

Perfect, thanks again!

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

Hi Tobias,
I have a similar problem with the width of the right column of a 2-column-table: in the mobile version, the right column is wider than the left one, and on most mobiles, you can’t read part of the text.
Could you have a look?

https://www.auto-gutachten-berlin.de/?page_id=9

Thanks a lot,
Gea

Hi Gea,

thanks for your post, and sorry for the trouble.

The reason for this simply is that your table has too much content for it to be displayed in two full columns on small screens, i.e. the table just won’t fit on small screens, due to the content. The browser will narrow the columns until it can no longer add word-wrapping (for example because of very long words like “Schadenersatzansprüche”). From that point on, the content will simply extend beyond the screen.
This is simply how tables work on websites.

The only real workaround that I see here is to not use HTML tables, as they are not flexible. Instead, use modern web design approaches like <div> elements that can then be styled in columns using CSS. With that, you could display everything in two columns on big screen, and as one column on small screens.

Regards,
Tobias

Hi Tobias,
Thanks for the quick answer, but since I really don’t know how to put any divs anywhere into wordpress, I’m kind of frustrated…

Thanks anyway!
??
Gea

Hi Gea,

yeah, it does require a little bit of HTML coding, so I can see what you mean. Unfortunately, I can’t think of ways to make this easier, sorry ??

Regards,
Tobias