• Resolved srozenbaum

    (@srozenbaum)


    Hello,

    We have created an excellent looking table with a few modifications that we would like to use on our website. The table looks great on the mobile and tablet view however when previewed on a mobile device, all 11 columns we have get squeezed together to fit the width of the screen and end up looking like a total mess, basically only allowing a few letter per line. Is there anything that can be done to adjust the mobile view?

    Thank you in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    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

    Thread Starter srozenbaum

    (@srozenbaum)

    Yes, absolutely, this is the test page. Looks great on my laptop, try to see it on the mobile.

    https://pearllashextensions.com/test-page-jump/

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for the link! To override these style settings by your theme, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
    	word-wrap: normal;
    	word-break: normal;
    	table-layout: auto;
    }

    To then make the table better usable, I recommend one of the modes for responsiveness that the TablePress Extension from https://tablepress.org/extensions/responsive-tables offers.

    Regards,
    Tobias

    Thread Starter srozenbaum

    (@srozenbaum)

    Thank you so much for a quick answer Tobias.

    I did as you explained however nothing changed. When looking at the table in the portrait more on the phone each of the 11 columns are about 5mm wide and basically carry the wording vertically.

    Kind of like this;
    1 2 3
    n pr d
    um i es
    b ce cr
    e i
    r pt
    io
    n

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    it seems that you are using a caching plugin that minifies and concatenates CSS code. Please try to clear that plugin’s cache.

    Regards,
    Tobias

    Thread Starter srozenbaum

    (@srozenbaum)

    Yes! You are correct, I cleared the cache and the table is now in proper proportions, just only half of it shows. I believe the other plugin you recommended earlier would solve this issue.

    Thank you so much, great support!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    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!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Mobile View Issue’ is closed to new replies.