So I am creating a site for a client which has a horizontal scroll on mobile, to achieve this I have nested two elements, the outer one with a width of 100% and the inner one with a much greater width, triggered by an interaction.
Inside of the designer it works perfectly but when the site is actually viewed on mobile the horizontal scrolling is clunky and slow, rather than continuing to scroll when moved, it will stop when you take your finger off as opposed to scrolling smoothly. I would really like to find a way to fix this and for the horizontal scrolling to work in the same way as the vertical one.
The public link to the site is below, NOTE that you will only be able to see the elements on the mobile views (not desktop or tablet)
Any help or thoughts you had would be greatly appreciated,