WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Unable to view full Tablepress tables in iPhone with WPtouch (12 posts)

  1. richardsng
    Member
    Posted 1 year ago #

    I'm using WPtouch 1.9.6 for my webpage http://sg.propertylaunchnetwork.com/hausserangoongarden & the following plugins was not working here (table display gets cut off) when I viewed it on iphone.

    1) Tablepress
    2) Table function in CKeditor

    How can I change the settings from Tablepress to fit in the table from onto my iphone? Please advise.

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. richardsng
    Member
    Posted 1 year ago #

    Hi Tobias,

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

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for these kind words, that's nice to hear! :-)

    Best wishes,
    Tobias

  5. dwaitrovich
    Member
    Posted 11 months ago #

    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

  6. TobiasBg
    Member
    Plugin Author

    Posted 11 months ago #

    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

  7. dwaitrovich
    Member
    Posted 11 months ago #

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

    Thanks!

  8. TobiasBg
    Member
    Plugin Author

    Posted 11 months ago #

    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

  9. Shyzer
    Member
    Posted 11 months ago #

    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!

  10. TobiasBg
    Member
    Plugin Author

    Posted 11 months ago #

    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

  11. Shyzer
    Member
    Posted 11 months ago #

    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!

  12. TobiasBg
    Member
    Plugin Author

    Posted 11 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.