*RESOLVED* Nested sliders with Swiper JS
Hey @Web Bae and everyone, I'm building a scroll-snapping vertical slider with a nested horizontal slider on a 1280x400px size screen. The idea is that the user will swipe and navigate the meals on a menu using a touchscreen.
We have 4 vertical slides, and on the 3rd slide, we'll have a horizontal slider with 3 slides. Here is the Webflow read-only link: https://preview.webflow.com/preview/weber-summit-screen?utm_medium=preview_link&utm_source=designer&utm_content=weber-summit-screen&preview=79bef86c9980c266d63f5620a3d29de4&workflow=preview
I'm trying to replicate this demo. I got the vertical slider working perfectly, but I can't get the horizontal slider to work, and the horizontal and vertical pagination dots are overlapping: https://codesandbox.io/p/sandbox/mg72lw?file=%2Findex.html
I appreciate any advice! 🙏
2 Replies
UPDATE: I finally got it to work. What did I learn? Capital letters matter!
Glad you got it working Balthazar!