This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

One solution to images not scrollable on mobile

9 years ago · Last reply by Andrew Misplon 9 years ago

For anyone else who’s encountered this:

I’m using the SiteOrigin Hero Widget and I ran into an issue where, on both Android and IOS, you couldn’t swipe images to scroll the page. There was padding around the images, so you could scroll on the background, but never on the images themselves. But this was only for background images in the Hero Widget – regular images or ones in WordPress galleries could scroll fine.

After some testing on a clean WP install with the Twenty Fifteen theme and just Page Builder and SO Widgets installed, I found that the WP Featherlight lightbox that was causing the issue. Remove the lightbox plugin and you could scroll by swiping on any image.

I tried the Gallery Lightbox Lite plugin and the same problem happened with the Hero Widget.

The next plugin I tested – Simple Lightbox – worked fine with Page Builder, so I’m sticking with that.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

18
  1. Andrew Misplon Staff 9 years, 8 months ago

    Hi George

    Thanks for letting us know about this issue and for taking the time to map out a hotfix, much appreciated :)

  2. Kate Wilson 9 years, 8 months ago

    Hello!

    I am having the same problem. Where I can’t scroll on the Hero Images on mobile. I don’t use LightBoxes either or have many plugins installed. Any other ideas?

    Kate

  3. George Plumley 9 years, 8 months ago

    On a completely clean install of WP using a default theme and only PB and SO Widgets installed, I’m able to scroll on Hero images on both Samsung and iPhone.

    What plugins and theme do you have exactly, Kate? And have you tried disabling all plugins and switching to a WP theme?

  4. Andrew Misplon Staff 9 years, 8 months ago

    Hi Kate, in addition to the advice George sent, if you could send a link to the page concerned, that’ll be helpful.

  5. Kate Wilson 9 years, 8 months ago

    I have turned off all the plugins and still have the issue. Changing the theme and a clean install isn’t really an option for this site as it has a lot of traffic:

    edtechteacher.org and edtechteacher.org/blog have these issues.

  6. Andrew Misplon Staff 9 years, 8 months ago

    Please, send us a backup of this page layout. Go to the page in WordPress, click PrebuiltImport/ExportDownload Layout.You can send us the JSON file using a service like https://www.wetransfer.com/ or a public link to the file on a site like Dropbox etc. Thanks.

  7. Andrew Misplon Staff 9 years, 8 months ago

    Thanks for the wait. I’ve taken quite a long look and so has Alex here at SiteOrigin. We know the problem stems from this theme file: http://edtechteacher.org/wp-content/themes/Glider/assets/js/foundation.min.js but beyond that can’t seem to resolve the challenge. The summary is that it’s a theme level conflict. If possible it would be great if your theme developers could take a look at this issue. We’re pretty much stuck.

  8. Primož Cigler 9 years, 8 months ago

    Hi Andrew,

    Client of ours is also reporting these issues, the page can be seen here: http://www.smart-com.si/sistrade/

    I believe that the issues itself is the slider you use (or at leat it seems so). I assume some JS that detects swipe events, to control the slider previous/next actions. There are no errors in the dev tools console (except one 404 at the moment, totally unrelated).

    I will dig into code now, but I hope I gave you a good starting point.

  9. Kate Wilson 9 years, 8 months ago

    Thank you everyone. I have contacted the theme developer as well and will continue to look into it. I appreciate this very much.

  10. Primož Cigler 9 years, 8 months ago

    Narrowed it down to this: https://github.com/siteorigin/so-widgets-bundle/blob/develop/js/slider/jquery.slider.js#L146

    I still have to test to see if this is really it.

    • Andrew Misplon Staff 9 years, 8 months ago

      Hi Primož

      Great to hear from you, thanks for taking a look at the problem. I’ll dive in later this afternoon and try get the issue logged for Greg or Braam to attend to. I’ll update this thread as soon as I know more.

  11. Andrew Misplon Staff 9 years, 8 months ago

    Hi Everyone

    We’ll introduce a setting in the next Widgets Bundle update that’ll allow users to turn off mobile swiping for the slider base which the Hero widget uses. We’ll do our best to get this update during the course of next week.

  12. Andrew Misplon Staff 9 years, 8 months ago

    The setting will be default ON so once the Widgets Bundle update is released you’ll need to turn it off in the Hero widget’s settings.

    https://github.com/siteorigin/so-widgets-bundle/issues/224

    Setting will also be introduced to our Slider widget any SiteOrigin widget with a slider.

  13. Primož Cigler 9 years, 8 months ago

    Hi Andrew!

    That’s great news. I’ve just come around to confirm that the issue really was that `swipe` flag set to true. I fixed it manually in the JS now, but I am glad to hear the setting is coming as well. Well done, you guys are amazing!

  14. Kate Wilson 9 years, 8 months ago

    Thank you Andrew. I keep checking for the update. Hopefully will be soon!

    Primoz, where did change it in the JS, to get me by in the meantime?

  15. Kate Wilson 9 years, 8 months ago

    Never mind! I just disabled it. Looking forward to the update but my site is working in the meantime. Thank you!!!!

  16. Andrew Misplon Staff 9 years, 8 months ago

    Super, thanks for confirming Primož and for pointing us directly to the problem. Greg’s fix/new setting is here. It’ll be in the next update which we’ll release ASAP.

    Kate, glad to hear you were able to hotfix, we’ll have the fix out ASAP.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread