Hi,
thanks for your post, and sorry for the trouble.
This table is not really suited for the Responsive Tables Extension, as the cells (in the original version of the table) have varying heights. This can lead to the observed visual problems.
Instead of using the Responsive Tables Extension, I therefore suggest to use a slightly different approach, namely Horizontal scrolling without the flipping.
For that, please turn off the Responsive Tables Extension for this table and try this instead: https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954
Regards,
Tobias
Ok, that worked perfectly! Thank you so much!
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Hi Tobias,
I love your plugin, simply, clean and easy to use. I just stumbled upon the responsive issue, because I was having the same problem. I used the following:
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
}
but now the scroll bar shows up on my web page. It works perfectly for all other devices, but why is not hiding the scroll bar?
My website is casinobonuschips.org
Is there something I am missing.
Thank you so much!!
Emine
Hi Tobias,
I love your plugin, simply, clean and easy to use. I just stumbled upon the responsive issue, because I was having the same problem. I used the following:
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
}
but now the scroll bar shows up on my web page. It works perfectly for all other devices, but why is not hiding the scroll bar?
My website is casinobonuschips.org
Is there something I am missing.
Thank you so much!!
Emine
Hi,
thanks for your post, and sorry for the trouble.
Where exactly (which page on your site) is this happening? Can you please post a link so that I can see what you mean?
Regards,
Tobias
Hi Tobias,
Its on my home page you will see the scroll bar casinobonuschips.org
Thank you for quick response.
Have a wonderful day!!!
Hi,
ah, thanks. Somehow I had missed them there… Sorry.
The reason for this basically is that the sum of the widths of the images, plus the padding around them is bigger than the content width. That’s why the scrolling is used, immediately.
To work around this, you could reduce the padding, e.g. with this “Custom CSS”:
.tablepress-id-13 td,
.tablepress-id-16 td {
padding: 6px;
}
Regards,
Tobias
