Hi,
thanks for your post, and sorry for the trouble.
I’m not sure that I understand. Where exactly do you have this problem?
Regards,
Tobias
Hi!
I have this problem at this page http://www.kidsup.ch/lausanne/adultes/, on mobile version.
Thanks. Gaëlle
Hi,
ah, now I see it 🙂
To fix this, please add this to the “Custom CSS”:
@media (max-width: 767px) {
.tablepress-responsive-phone th,
.tablepress-responsive-phone td {
width: auto !important;
border: none !important;
}
}
Regards,
Tobias
Hi!
I put your code in the custom css theme and the plugin options tablepress but it does not work …
Thanks. Gaëlle
Hi,
are you sure that you saved it to the TablePress “Custom CSS”? I don’t see it in there…
Regards,
Tobias
Hi!
I just put the code in table press
Thanks. Gaëlle
Hi!
Sorry, I have 2 sites, http://www.kidsup.cg/lausanne and http://www.kidsup.ch/geneve…
I put the code on http://www.kidsup.ch/lausanne.
But it doesn’t work on mobile…
Thanks a lot!! Gaëlle
Hi,
http://www.kidsup.ch/lausanne/adultes/ works fine for me on mobile now…
Regards,
Tobias
I think I’m facing the same problem.. take a look Tobias:
http://i.imgur.com/c3iWdNm.jpg
In the responsive model, the lines are not aligned.
I have this on my Custom CSS:
@media (max-width: 767px) {
.tablepress-responsive-phone th,
.tablepress-responsive-phone td {
width: auto !important;
border: none !important;
}
}
@media (max-width: 979px) {
.tablepress-responsive-tablet th,
.tablepress-responsive-tablet td {
width: auto !important;
border: none !important;
}
}
but it doesn’t seem to solve the problem. I tried to change WIDTH to HEIGHT, but the problem continues.
btw, I just made a donation for you for the nice work you’ve done here 🙂
Hi,
thanks for your post, and sorry for the trouble.
This has a slightly different cause. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
Tobias
Hi Tobias,
It doesn’t work for me…
Thanks. Gaëlle
Hi,
can you maybe clear your browser cache or try in a different browser then?
An alternative could be to not use the Extension, but just horizontal scrolling, via the approach from https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954
Regards,
Tobias
Tobias,
Since I’m testing the website, I sent you the link by email.
Thank you,
Paulo
Hi Paulo,
thanks for the link! To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress td,
.tablepress th {
line-height: normal !important;
}
Regards,
Tobias
