Streaming live at 10am (PST)

Slider swipe not working on mobile


#1

Hello All,

I built this site with sliders on all the mobile media queries and the swipe action does not work. It also repositions the page and misaligns the navbar and page when I try to swipe. Please help.

https://webflow.com/design/canalalarmdevices?preview=8db6b6b4a108aa7ec50b0d7e0a72ad74

Thanks


#2

@DFink it looks like your Slider arrows have a left / right position style that is pushing them outisde the container element. This is causing some horizontal scrolling- which is sure to interfere with a swipe gesture.

Perhaps instead of using a container, you can try using a standard div block with a max-width value? That way your slider could extend all the way to the edges on mobile breakpoints, but it would still remain centered on desktop.


#3

Thanks so much! I also used your fix for disabling zoom on touch devices. So thanks again!

Dave


#4