Missing "click and hold" function for sliders for desktop users

[Anna-xyz]

My store uses the Dawn Theme. I was not too happy with the slider buttons, so I added in the Theme-Editor > Settings > Custome CSS this to hide the slider buttons:

@media only screen {
.slider-mobile-gutter .slider-buttons {
display: none;
}
}

Now the buttons are gone and the slider still works out great for mobile, tablet and desktop as log as you have a trackpad. But if you are on desktop and use a mouse, you would do a click and hold action to try and make the slider work. But unfortunately this does not work yet. Does someone know how I can fix this and make click and hold work for desktop users? 🙂

Here, I tried to mark which action is not possible for desktop users: 

 

This is my store: https://cappall.com/

[Shadab_dev]

The only simple solution i know is to use a swiper library using which that feature can be enabled. 

Or with writing js. Just FYI your css code does not interfere with this functionality.