search

dynamicweb / swiffy-slider

Super fast carousel and slider with touch for optimized websites running in modern browsers.
MIT License
250 stars 29 forks source link

Navigation is visible on touch device (phone) #41

Closed pneumotube closed 2 years ago

pneumotube commented 2 years ago

When "slider-nav-visible" option is set and "slider-nav-touch" is not set, navigation arrows are still visible for me on my phone. They shouldn't be, right?

Android 11, FF, Chrome.

изображение

nicped commented 2 years ago

This is by design - maybe a poor one...

slider-nav-visible makes the nav arrows always visible. slider-nav-touch only on mobile.

You can easily add an additional class that will only show the arrows on desktop - i.e. slider-nav-desktop by adding this to your code:

@media (hover: hover) {
    .swiffy-slider.slider-nav-desktop .slider-nav {
        visibility: visible;
    }
}
pneumotube commented 2 years ago

Perfect, done like you suggested, thanks for your help!