Mobile View Issue

  • Resolved srozenbaum

    (@srozenbaum)


    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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.