Support » Theme: Chaplin » Scrollable Tables

  • Resolved korbball


    Hi There

    First, thank you for your great theme 🙂

    Is there a way to make the Gutenberg Table scrollable?
    At the moment some text is cutted/not showing in mobile view.


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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter korbball


    Sorry we had some problems with our host, here a new link:

    Maybe its a gutenberg core problem?


    Theme Author Anders Norén


    Hi @korbball,

    Sorry for the late reply. The table block is wrapped in a figure element set to overflow-x: auto, so all table elements in the block editor are capable of horizontal scrolling. You can add a min-width to all tables to force them to scroll horizontally below that point.

    Try going to Appearance → Customize → Additional CSS (the menu labels might be different in your language), and add the following:

    .wp-block-table table { min-width: 40rem; }

    That will force tables to be at least 400 pixels wide, and to scroll horizontally on screen smaller than 400 pixels. Let me know if that does it.

    — Anders

    Thread Starter korbball


    Hi Anders

    This works great, thank you 🙂


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