Scrollable Tables

  • Resolved korbball

    (@korbball)


    4 years, 2 months ago

    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.

    Thanks
    Korbball

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

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

    (@korbball)

    4 years, 2 months ago

    Sorry we had some problems with our host, here a new link:
    http://etnetrw6aff.internet-box.ch:10000/layout-vorstand/

    Maybe its a gutenberg core problem?

    regards
    korbball

    Theme Author Anders Norén

    (@anlino)

    4 years, 1 month ago

    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

    (@korbball)

    4 years, 1 month ago

    Hi Anders

    This works great, thank you 🙂

    korbball

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