Horizontal scroll doesn’t work

  • Resolved Marco

    (@marco020)


    3 years, 1 month ago

    Hi Tobias,

    I have activated the extension and pasted the shortcode for responsive scroll:
    [table id=1 responsive=”scroll” /] & [table id=2 responsive=”scroll” /]

    However, horizontal scrolling doesn’t work on mobile. The text in a cell gets stacked ??

    Theme: Astra Pro
    Page builder: Elementor

    Thx for your assistance!

    Marco

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    That’s because the browser “prefers” stacking the text over making the table scrollable.

    We can however instruct the browser to not stack the text. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    Regards,
    Tobias

    Thread Starter Marco

    (@marco020)

    That did the job. Thx!

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal scroll doesn’t work’ is closed to new replies.