Slick Slider Help - Custom navigation cursor

[HippySunshine]

I'm having issues with a slick slider that a client wants. They basically want custom cursors as the navigation, and on click of the right half of the slide, it slides right, and clicking the left, slides left.

I've achieved this by making the two buttons full height and 50% width of the slide and set the custom cursor. It works great, apart from I can't click any links in that slide now, because the buttons are over teh top of the slide content - please see an example here: https://codepen.io/pixelboutiqueuk-the-lessful/pen/zYrZJgQ?editors=0100

 

[HippySunshine]

Just a note, not sure if this is happening for anyone else, but sometimes the slick css isn't loading on codepen, so you need to add in: //cdn.jsdelivr.net/npm/[email protected]/slick/slick.css in the CSS settings :/

 

[fisicx]

You mean something like this:

Touch Screen Slider | Quick Plugins

[qts]

quick-plugins.com

Buttons on desktops and swipes on phone and click/tap to open the URL