No smooth momentum horizontal scroll on non-desktop devices

[jerdesign (Tito)]

Hi everybody,

I was wondering why the horizontal scrolling is only smooth on desktop.
When I tried it on my iPhone it did not have the momentum scroll effect like it has on the vertical axis. This tutorial fixed it but now my fixed navigation bar disappeared. Any ideas? Thank you!

"Smooth" scroll on mobile device

Hi @amoilatoque, This is due to the problem where your content is not placed in the body, but using different divs that animate in to display your content. To fix this it should be as simple as this javascript - Choppy scrolling in Safari - Stack Overflow So you should paste this in Site Settings > Page Footer Code and click Save, and re-publish: <style> body > div { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -webkit-overflow-scrolling: touch; } </style>

---

Here is my site Read-Only: https://preview.webflow.com/preview/jerdesign?utm_source=jerdesign&preview=e515bdee54e5bfef19386e24777a00c4

[mattvaru (Matt Varughese)]

Hey Tito! I see you’ve added an update to your post. Did this new snippet of code solve your problem?

[jerdesign (Tito)]

Update:

This code snippet worked for me:

<style> body > div { -webkit-overflow-scrolling: touch;} </style>