Hi,
thanks for your post, and sorry for the trouble.
The problem here basically comes from the very long words like “Motorspindelschutzsystem”. The browser can not add line breaks in those, so that they define the minimum width for the columns. You would indeed have to drastically reduce the font size for these long words to make the table fit, but then nobody could read anything.
The best approach that I see for this table is the scroll mode that the TablePress Responsive Tables Extension offers.
Regards,
Tobias
Thanks for the advice.
Unfortunately I can’t see any difference. I also tried it with different tables.
To sum up, I just need the code in the css for setting the screen size `@media (max-width: 1080px) {
.tablepress-responsive-desktop th,
.tablepress-responsive-desktop td {
width: auto !important;
border: none !important;
}`
and the shortcode at the page or article to show it [table id=24 responsive=<scroll> /] and set the mode, right?
Hi,
please try again with the Shortcode
[table id=24 responsive=scroll /]
while using the “Text” editor instead of the “Visual” editor, as there are now some extra HTML tags like <code and <pre>, probably due to copy/paste.
The CSS code that you pasted will not help, as the browser will not obey the width command, as the content simply needs more width.
Regards,
Tobias
I tried it in the text-editor, thanks for the hint. Okay, so I guess I’d have to change the table itself and list the videos from top to bottom to get it work.
But thanks for your help, really great!
Hi,
from what I can see, there’s still a <pre> tag around the Shortcode…
But yes, if you don’t want to use scrolling, you’ll have to change the table structure. This is simply a result of how tables work.
Regards,
Tobias
I can’t see this tag in the text editor.
But no worrys, I’ll rearrange the site.
Thanks a lot!
Hi,
yes, now it seems to be gone again 🙂
Best wishes,
Tobias
