Unable to view full Tablepress tables in iPhone with WPtouch

Hi,

thanks for your question.

This is a theme issue and nothing that can be changed in TablePress. The theme simply restricts the available content area and hides everything that extends over this limit.

You might be able to change this by adding some CSS code for the theme:

#singlentry {
  overflow: visible !important;
}

For convenience, you can just paste this into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

Other than that, there’s nothing I can do here. Sorry.

Regards,
Tobias

Hi Tobias,

Thank you. You’re the best & the only author that is serious about your business or enquiry. God Blessed.

Hi,

thanks for these kind words, that’s nice to hear! ??

Best wishes,
Tobias

Hi Tobias,
I have tried everything from changing the css to using the responsive table plugin and still can’t get my homepage to display right on an iphone. It keeps pushing everything off to the right. Please help!

Thanks,
Doug

Hi Doug,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with your table? I can then take a look and maybe find ways to make that table responsive on phones. However, I can’t promise anything, as not all tables are responsive, due to their size.

Regards,
Tobias

https://www.izzysplacealamo.com
The table on the homepage with the picture in it.

Thanks!

Hi,

thanks for the example.

Yes, this is one of the cases where a table is not a good choice to create this visual layout. One reason is responsiveness, as there’s just no real technical possibility to “break out” of that table structure.
Therefore, the better approach here would be to not use a table to create that two-column layout, but an HTML/CSS approach, where two wrapping containers (like a <div> container for the image and the right-hand side text each) are positioned with some CSS code (which would need to change the width of those containers and make the float left or right accordingly). Then, you could use a CSS media query that detects if the page is shown on a phone or other small device. That could then apply different CSS code, so that the image and the right-hand side text would be shown above one another, instead of next to each other as on larger screens.

Regards,
Tobias

Hi Tobias,

Hate to pile on, but I’ve recently learned that my most trafficked page isn’t showing the table on this page. Any idea what might be the problem? I tried setting up an overflow for my post entry, but that didn’t seem to make any changes.

Much thanks!

Hi,

from what I can see, you are using a special mobile theme for displaying the page on phones.
I can therefore only assume that theme doesn’t have proper support for Shortcodes in tables (or are you using the template tag function?). I suggest that you ask the theme author about this.
It doesn’t seem to be an issue with overflow on your site, as there doesn’t seem to be a table at all…

Regards,
Tobias

Hi Tobias,

Thanks for the reply! Yes, it’s the default theme from the plugin WPtouch. I was Googling around, which is what led me to this page. I think the issue lies in my styling of the page, which has the table outside of the_content. Looks like I need to redesign the page!

Hi,

you have the table outside the_content? So you are using a template tag function?
Then you’ll of course have to add that template tag function to the mobile theme as well. Right now, you probably only have it in the regular theme (maybe in a page template)?

Regards,
Tobias