Streaming live at 10am (PST)

Specific element won't move according to set interaction

We are referring to an interaction applicable only to desktop and above breakpoints.

If you scroll down to ‘05 Solutions’ (or use the steps just underneath the nav), the steps will move to the left. We broke down this ‘Solution’ section using 4 section components, so user can jump ahead to a specific solution category i.e. solutions for user flow problems, for features, for color palette and for layout.

When user arrives at the user flow solutions section, and refresh the page, the steps automatically move to show the highlighted ‘05’ step. Similarly, if you are at 06 Mockups v.1 section, refresh the page, the steps would move to show the highlighted ‘06’ step.

The problem we have now is that when we are at the other solutions (features, color palette and layout solutions), and refresh the page, the steps don’t move.

We had applied a different scroll into view animation for features solutions section, color palette solutions section and the layout solution section (different from the scroll into view animation for user flow solution section) in order to keep the ‘05’ step bubble consistently highlighted when as user scrolls through these various solution sections. But we had set the steps to move even with this different animation.

If anyone can let us know why this particular steps element won’t respond to the set move interaction, it would be much appreciated! Thank you!!

Here’s our read-only link: Webflow - Portfolio Website