Responsive problems

  • Resolved Andrew Leonard

    (@andrewleonard)


    6 months, 2 weeks ago

    If you look at this page on a mobile device or you use Inspect>Device Toolbar it works OK until you hit a with of around 377 pixels wide (I have a iPhone mini 12)

    The first item is “Have you heard of fern sperm? Chris Packham discusses fern reproduction” it will wrap this text until it gets to the word “discusses” and then stops wrapping and starts losing the end of the text

    This is the shortcode I have: [table id=74 responsive=”stack” /]

    Can you help me with this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi Andrew!

    Thanks for your post and sorry for the trouble!

    The cause for this is not actually that text, but some of the green buttons, which have very long text. For example, the button “Ferns of Thailand, Laos and Cambodia” in row 297 is wider than the screen.

    Now, fixing this is easy, but allowing line breaks for the buttons. To achieve that, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress-id-74 .column-1 input {
    white-space: normal;
}

    Regards,
    Tobias

    Thread Starter Andrew Leonard

    (@andrewleonard)

    Thank you

    You are brilliant, as always…

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: Don’t forget to check out the TablePress premium versions ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive problems’ is closed to new replies.