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.
Hi George
Thanks for letting us know about this issue and for taking the time to map out a hotfix, much appreciated :)
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
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?
Hi Kate, in addition to the advice George sent, if you could send a link to the page concerned, that’ll be helpful.
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.
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.
Thanks! https://dl.dropboxusercontent.com/u/4170103/layout-27052016.json
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.
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.
Thank you everyone. I have contacted the theme developer as well and will continue to look into it. I appreciate this very much.
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.
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.
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.
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.
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!
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?
Never mind! I just disabled it. Looking forward to the update but my site is working in the meantime. Thank you!!!!
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.