Responsive Table

You need the change “mode” to whichever mode you want: flip, scroll, collapse

https://tablepress.org/extensions/responsive-tables/#site-header
for in-depth details

Hi,

Thank you for your quick reply. I have tried to do that but it doesn’t work. Is there something with the CSS that clashes with the Theme?

Best,

I’m actually having the same problem… Sadly, My table doesn’t change or respond no matter what code I use. I opened up a support question a couple hours ago.

Hi,
Thank you for your reply. May I ask where you opened the support question? I would like to follow it ??

Thank you

Hi,

thanks for your post, and sorry for the trouble.

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,

Thank you for helping me out.
Please find URL where the tables are implemented: https://www.enkla-lan.se/langivare/ferratum/

Best,
Lu

Hi,

I just tested that link and the tables on that page can be scrolled horizontally without problems for me.

Regards,
Tobias

Hi,

Thank you. On which device did you check? I have Iphone 5 and it looks like this: https://imgur.com/a/3biv4

I can’t scroll horizontally.

Best,
Lucia

Hi,

ah, ok. I hadn’t reduced the screen size enough. This is caused by some CSS interference, in the file /wp-content/plugins/enkla-lan-customize/css/elc_custom.css
This contains a CSS3 Media query (starting with

@media screen and (max-width: 600px) {

) that is modifying the look of the table. Can you please remove that?

Regards,
Tobias

Hi,

I removed the code: @media screen and (max-width: 600px) {

And it still doesn’t look good. Is there something else I need to modify?

Thank you
Best,
Lu

Hi,

just removing that line is not sufficient. You must remove the entire block that it wraps. So, now, please remove every small chunk that starts with table in that file.

Regards,
Tobias

Hi,
Ok, thanks.
It still doesn’t look like described on your site.
Is there something else I need to modify?
Thanks
/Lu

Hi,

it looks correct to me now. The table has the original layout and can be scrolled horizontally.

Regards,
Tobias

Hi,

Yea, but there is no sign to tell the customer if he/she should scroll. You have arrows on your table. Shouldn’t there be arrows or something to understand the scroll functionality?

/Lu

Hi,

arrows? I’m not sure what you mean. The examples on tablepress.org don’t have arrows.

I understand what you mean though. You will have to tell the user to scroll here, e.g. with a text above the table. The main reason is that e.g. iOS does not show a scrollbar on mobiles ??

Regards,
Tobias