• Resolved Slavek

    (@jackoneill)


    Hi Tobias,

    I installed the Responsive Tables extension and used this shortcode [table id=1 responsive=”scroll” /] (tried also without “”), but the table is still not scrollable and overflows the screen.

    I also tried disabling DataTables JavaScript.

    Am I doing something wrong?

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    That’s indeed a bit strange… My feeling is that your theme’s CSS somehow plays a role here.
    Can you please turn off the “Use DataTables” checkbox so that I can check things again then?

    Regards,
    Tobias

    Thread Starter Slavek

    (@jackoneill)

    Thank you for such a quick reply. Just turned DataTables off.

    Also, I’m not using any theme, I’m using Oxygen Builder that disables an active theme (https://oxygenbuilder.com/frequently-asked-questions/#:~:text=Will%20my%20theme,Oxygen%20is%20active.).

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    well, in some way, Oxygen now is your theme ?? As it adds its own CSS styling, that’s what it’s influencing this then.
    I can therefore only recommend to ask their support team for help here. It looks like their CSS is preventing the table container from having a 100% width or something like that.

    Regards,
    Tobias

    Thread Starter Slavek

    (@jackoneill)

    Thank you, will try that.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem! Please let me know what they find!

    Best wishes,
    Tobias

    Thread Starter Slavek

    (@jackoneill)

    Hey, so for tables used with Gutenberg, this code fixes it:

    .ct-text-block, .ct-span {
      max-width: 100%;
      width: 100%;
    }

    For tables used with Oxygen Builder, I just add the following to each shortcode element’s CSS settings:

    max-width: 100%;
    width: 100%;
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    great! Yes, I was also thinking of some CSS like that but couldn’t quickly find which element to add it to. Good to hear that it’s working now!

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Responsive scroll not working’ is closed to new replies.