Hi,
thanks for your question, and sorry for the trouble.
What is the “media screen” for you?
That could should work actually, but it will only take a effect on screens smaller than 520px. And, the content in the table will of course have to fit into that smaller space.
Regards,
Tobias
Hi
Thanks for your help. It’s for Iphone and the code doesn’t work. The table is the same, too large and i don’t want to use the responsive extension.
http://www.chamoniarde.com/?page_id=1957&lang=en
Hi,
thanks for the link. Now I see what you mean.
Unfortunately, this approach won’t work here. You can not set the table width to 50% if the content in it requires more width. You can see that it requires more width/space as it already extends beyond the screen.
This basically is because the text in your table can not be word-wrapped (i.e. the browser can not add more line breaks) further.
This is not caused by TablePress, but it’s a general fundamental issue with how HTML tables work in browsers. Your content has to go somewhere after all…
The only chances that I see here are to hide certain column then (with CSS and a media query) or to reduce the font size maybe.
Regards,
Tobias
Hi,
no problem! Sorry that I couldn’t present a solution, but tables are not that flexible for different devices, unfortunately.
Best wishes,
Tobias
