Arrows not working

The arrows are working for me in Chrome on Mac and Windows, @jodzeee. (I also tested Firefox, IE 11, and Edge, which are fine too.)

If you’re able to pinpoint the issue to a particular platform or browser version, please feel free to share more.

Strange. Thanks for looking into it. I’ll see if I can find out more details from those who say it’s not working.

I’m having the same problem. Did you ever figure out a solution to the arrows not working?

I have not found a solution yet … but I haven’t followed up either. Do the arrows not work for you? I can’t troubleshoot on my end because they work for me, just received feedback that they don’t work for others and I don’t even know where to begin or what questions to ask them!

The arrows aren’t working on one of my client sites. I haven’t heard anything from my client about any issues but would prefer to get it sorted out before I do.

I’m running Chrome on a Windows 10 machine with a touch screen. I’ve noticed the arrows are working with touch and I’m also able to swipe through the slides. This is a new computer and I didn’t have a touch screen on my previous PC. I’ve also tested the site in Chrome with my Mac and I’m able to click the arrows fine.

This leads me to believe that the issue has something to do with touch devices. It seems when a device has touch capabilities it’s somehow disabling the mouse click on the arrows. It treats it like a null link when you click it.

I haven’t had any time to look into it more than that but it looks like the right direction at least.

Having the same problem and happen to also be on a touch screen device.

There is an old closed thread with a solution that worked for me: https://www.ads-software.com/support/topic/next-previous-buttons-wont-work/

I’ve been having the same problem with my version of Chrome, version 55. I took a look at the code and I think I’ve noticed a problem. On line 28 of jquery.flexslider.js:
slider.eventType = (‘ontouchstart’ in document.documentElement) ? ‘touchstart’ : ‘click’;
It’s setting the eventType for the buttons to “touchstart”, which when clicked with the mouse on Chrome doesn’t trigger the event. I fixed this for my site by replacing it with the following line:
slider.eventType = ‘click’;

Still works on touch screen and I tested on non-touch as well. Would love if this could be implemented on the plugin assuming it’s the right solution.

Confirming that it is only on a touch-screen laptop as well. I must have been testing it on my old PC when I first reported it.

I don’t exactly understand what I’m supposed to change. I tried replacing that whole line and I just broke it (the slider no longer showed up). Can you clarify?

Or even better, if a fix could be pushed, that would be awesome!

I agree, I’m hoping a fix can be pushed out. @modernnerd, thoughts?

As for editing the plugin itself, I’ll actually use the code tag this time, hopefully that helps…

On line 28 of jquery.flexslider.js you’ll find:
slider.eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click';
Change that to:
slider.eventType = 'click';

I can confirm that this solves the problem. Nice work @ryantown!

Although the fix is simple it would be ideal if we weren’t required to modify the plugin. As mentioned above I’m hoping a fix can be pushed out in a future update.

Thanks, it worked for me this time!

Thanks for your work on this, @ryantown! I have logged an issue in the plugin’s public GitHub page so that flexslider can be updated in the future to solve this: https://github.com/copyblogger/genesis-responsive-slider/issues/2

Same issue here. Tested on a Surface Pro, where the arrows/bullets (flex-control-nav and flex-direction-nav) are not working.

If you’re comfortable making changes to the code try the fix @ryantown suggested above. It works perfectly and does the job until an update is pushed out.