I want to change the scroll offset based on the device.
There is a certain section in my website where i have elements lined up horizontally with an offset of 60% for the elements to animate into view.
But on mobile these sections are arranged vertically, and the offset feels off. I want to move it to 40% on mobile, and keep it 60% on desktop.
Any idea how to achieve this?
https://maxwell-blessens-five-sta-f6a34106406a6.webflow.io/
Here is my public share link: LINK
(how to access public share link)