Responsive table only working for some tables

  • Resolved raikimac

    (@raikimac)


    8 years, 12 months ago

    Thank you for your wonderful plugin. I’ve been using it and it’s been very helpful!

    I have had one recent issue. The tables I made in the past have used responsive scroll, and there have been no issues.

    However, new tables I have recently made are no longer responsive, even though I have put in the code ([table id=5 responsive=scroll /])

    https://imaginex.jp/about-us/

    Sorry the website is in Japanese, but if you scroll to the bottom of the site, you will see a table. When I view it on a phone, or I shrink the browser width, it is not responsive. All other tables in my website work fine, so I don’t know what the problem is..

    Thank you in advance for your assistance.

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

    (@tobiasbg)

    8 years, 12 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    This table is responsive, when I try. I can scroll it horizontally.
    (I tried in the phone simulator of Google Chrome.)

    Regards,
    Tobias

    Thread Starter raikimac

    (@raikimac)

    8 years, 11 months ago

    Dear Tobias,

    Thank you so much for your response. I am having the same problem on a different website:

    http://terra-academy.jp/summer-camp/

    You advice would be really appreciated.

    Thank you in advance,
    Raiki

    Thread Starter raikimac

    (@raikimac)

    8 years, 11 months ago

    Dear Tobias,

    It was responsive, but the table widths made it hard to read. I was able to fix it with the below code.

    .tablepress-id-1,
    .tablepress-id-2,
    {
    white-space: nowrap;
    }

    Tank you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 11 months ago

    Hi,

    nice find! Yes, this is good solution here.

    Best wishes,
    Tobias

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

The topic ‘Responsive table only working for some tables’ is closed to new replies.