So I’m trying to create a section where there are 6 different blocks each linked with 6 different menu-item in a navbar. While scrolling based the block’s position the connected menu-item appears as active. But the challenge here is in smaller screens not all the 6 menu-items are adjusted in the navbar. I want while scrolling the active menu item should slide in the navbar from the extreme right.
Currently while scrolling the last menu item Insights & Analytics is getting hidden inside the navbar and looks like this
And this is what I want, Insights & Analytics should slide in with scroll.
Here is my public share link: Webflow - Copy of TeeTime