TABLEPRESS RESPONSIVE

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 https://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,

I still don’t see it in https://www.kidsup.ch/lausanne/wp-content/tablepress-custom.css …

Regards,
Tobias

Hi!

Sorry, I have 2 sites, https://www.kidsup.cg/lausanne and https://www.kidsup.ch/geneve…

I put the code on https://www.kidsup.ch/lausanne.

But it doesn’t work on mobile…

Thanks a lot!! Ga?lle

Hi,

https://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:
https://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://www.ads-software.com/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