We are currently working on the desktop breakpoint. We have these steps underneath the nav. The left arrow is suppose to stay hidden when the page is loading or loaded, and ONLY shows up when the right arrow is tapped or when step 8 section starts showing up.
We have a ‘scroll into view’ trigger for each section to trigger the these steps to turn blue + white text when scrolling towards the corresponding section, and to return to their transparent + black text background when scrolling out of view. For these triggers, we had set the initial state for the left arrow to be 0% opacity and hidden. But the left arrow is still hanging around when we loaded the page and started scrolling from the top of the body.
We have been trying to figure this out for ages and am just defeated! Hoping someone here can help us?
Thanks so much!
Our read-only link is here