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
