Vertical scrolling with safari

  • Resolved wemiz

    (@wemiz)


    10 years, 7 months ago

    Hi Tobias,

    First of all, than you for this amazing plugin!

    I have a problem when activating horizontal scrolling on a comparative table which includes images : a vertical scroll is displayed on safari.
    You can see the problem on this page (2nd table) : https://www.top-poussette.fr/comparatifs/

    To summarize, my first table has only 3 items and works fine because the “horizontal scroll” option is disabled.
    My second table has more product so I need to enable the horizontal scroll, but as soon as I enable this option + add images to this table, it displays a vertical scroll on safari.
    Once again, everything works fine with chrome and firefox.

    How can I avoid this vertical scroll on safari ?

    https://www.ads-software.com/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not exactly sure why this happens, but as you are not using any other features from the DataTables JS library on this table, I would actually suggest to use a different scrolling method for this table.
    To do that, please
    1. Uncheck the “Use DataTables” checkbox for the table.
    2. Wrap the Shortcode in a HTML <div> tag, i.e.

    <div class="tablepress-scroll-container">
[table id=2 /]
</div>

    3. Add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-scroll-container {
  overflow-x: scroll;
  overflow-y: hidden;
}

    Regards,
    Tobias

    Thread Starter wemiz

    (@wemiz)

    And… it worked!

    Thank you so much Tobias!

    Plugin Author TobiasBg

    (@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 ‘Vertical scrolling with safari’ is closed to new replies.