I have been utilizing the jQuery slider from lugolabs.com for my website, and while it works flawlessly on desktop, it seems to have issues when viewed on mobile devices.
You can check out the slider at this link:
The library used for this slider is jQuery and jQueryUI. You can also view the code on Codepen at the following URL: http://codepen.io/rajMrPerfect/pen/qRQLoW?editors=0110
.flat-slider.ui-corner-all,
.flat-slider .ui-corner-all {
border-radius: 0;
}
.flat-slider.ui-slider {
border: 0;
background: #171616;
border-radius: 7px;
}
.flat-slider.ui-slider-horizontal {
height: 2px;
}
.flat-slider.ui-slider-vertical {
height: 15em;
width: 2px;
}
.flat-slider .ui-slider-handle {
width: 30px;
height: 30px;
background: #ebf4e9;
border-radius: 50%;
border: none;
cursor: pointer;
}