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

Topic summary

A Dawn Theme user removed slider navigation buttons via custom CSS, which works well for mobile and trackpad users but breaks functionality for desktop mouse users who need click-and-hold capability.

Current Issue:

  • Custom CSS hides slider buttons successfully
  • Slider functions on mobile/tablet and desktop with trackpad
  • Desktop mouse users cannot interact with slider (click-and-hold doesn’t work)

Proposed Solution:
One respondent suggests implementing a swiper library to enable the click-and-hold feature, noting that the current CSS code doesn’t interfere with this functionality. Alternative approach mentioned involves custom JavaScript.

Status: The discussion remains open with no implemented solution yet. The user is seeking guidance on how to restore click-and-hold interaction for desktop mouse users while maintaining the current button-free design.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

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? :slightly_smiling_face:

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

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

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.