Tabs Element Turned into a Slider Issue on Mobile

Design help Custom code
1

Hi all!

So I have a tabs element, which I decided to turn into a slider on mobile, created two buttons for next slide and previous slides and got some custom code for it

And the functionality seems to work fine, however, I came across this issue on mobile when if I go to any other slide than the first one and scroll the page, the slider will go back to slide 1. This happens on Safari and Chrome on iPhone, not sure it’s the case for Android

Does anyone know what might be the issue here?

Thank you

Published website - https://tabs-slider-issue.webflow.io/
Read-only Link - Webflow - Tabs Slider Issue

1 Like
2

I’ve got it now - in my case, resize event listener was getting triggered on page scroll on mobile for some reason. When I removed that, everything worked perfectly