This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail...
I'm designing a responsive order form, which has a range slider for quickly picking finding a price range. This dynamically changes the price in the page and is pretty fun to play with for the user. However, sliders don't seem to work very well in a mobile scenario, for touch and drag.
So is there a good way to show a range slider that is fun to use on mobile, that I'm not aware of? It needs to be HTML/JS built and usable within a browser. I'm looking for something different and fun to use, instead of the usual default dropdowns etc. Am i just day dreaming - or is there anything out there?
This is my slider that I want to make responsive: