Slick Slider Help - Custom navigation cursor


HippySunshine

Senior Member
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

Senior Member
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/slick-carousel@1.8.1/slick/slick.css in the CSS settings :/
 
Top