Horizontal Scrolling on Mobile

  • Resolved horst627

    (@horst627)


    2 months, 2 weeks ago

    Hi Tobias,

    At first thanks a lot for proving such a great and easy to use tool! It helped us a lot building our website without lots of knowledge about CSS etc.

    But now we are have the following problem: The function of horizontal scrolling does not work. It’s activated at the bottom of the menu and added to the shortcut, but still does not display correctly. On desktop it’s not a problem, but on mobile it just adds width to the whole screen.

    I use Elementor with Ocean WP Theme and added following CSS as default:

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #90A9B9;
    font-size: 18px;
    color: #000000;
    }

    .tablepress-id-2 .column-2 {
    width: 400px;
    font-size: 17px;
    }

    .tablepress-id-2 .column-3 {
    width: 400px;
    font-size: 17px;
    }

    I also deactivated it, but still the same problem occurred. Any idea for a solution, that i can get the horizontal scrolling on mobile?

    Thanks in advance and best regards,

    Norman

    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!

    Thanks for your post and sorry for the trouble!

    It’s actually also not working on desktop for me — and it’s probably only working on desktop for you while you are logged-in into WordPress. Can you therefore maybe try in a different browser (or a “private” or “incognito” browsing tab, where you are logged-out of WordPress)?

    Now, the cause for this problem is too aggressive optimization by the SiteGround Optimizer or the WP Meteor plugin. These are heavily changing how JavaScript code on the page is loaded, which breaks some code, which then again causes this problem. I therefore suggest to first try with these plugins deactivated. Then, turn them on again and check if you can change their configuration so that they (at least) exclude the jQuery JavaScript library and the TablePress JavaScript file from their processing.

    Regards,
    Tobias

    Thread Starter horst627

    (@horst627)

    Hi Tobias,

    Thanks for your quick reply! And yes – once i deactivated either one of these plugins the horizontal scrolling was working on mobile.

    I tried some different configurations on SiteGround Optimizer and found that its connected to the setting in the Frontent – Javascript section: “Combine JavaScript Data” (original: JavaScript-Datein kombinieren). Once I disable this function, the horizontal scrolling is working without any problem on mobile!

    Thank you so much for the quick help! Made my day ?? Do you have a PayPal address or buymeacoffee page for a small donation? ?? Wanted to give a rating for the TablePress Plugin, but couldn’t find out how I do it XD

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Yes, please see https://tablepress.org/donate/ for possible ways to support TablePress.

    For leaving a review, please rate TablePress in the plugin directory. Thanks a lot, I really appreciate it!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.