Hey guys! Thanks in advance for any help. I have been trying to resolve this for over 48hrs, no matter what I try I hit a wall.
I have a grid (table), I want the size to remain the same 940px across all device sizes and on any small devices for overflow-scroll so overflow can be side scrolled.
I am using slick slider to turn it into a carousel, I disabled all touch/swipes so carousel was not slidable/swippable unless arrow were used.
Code inserted to disable:
Everything on desktop works as expected. However on mobile the carousel shows all three slides, even settings are set to 1
// mobile portrait
However on mobile it continues showing all three slide on side scroll, arrows scroll one by one.
I want to only view one slide on mobile with overflow side scroll since grid is oversizes on purpose.
Ready only: https://preview.webflow.com/preview/anastasiastallcop-09463966869e63530c18a?utm_medium=preview_link&utm_source=designer&utm_content=anastasiastallcop-09463966869e63530c18a&preview=e4ad52b0551c0685b1b170f3fd29714d&pageId=62b67bbd0134354aa31af254&workflow=preview