Hi Webflow friends,
We built a custom rotating nav on desktop with a full-screen mobile navigation experience. As you scroll DOWN you see the desktop promo blue nav and when you scroll UP you see the white main nav.
Reason for posting:
- Would love any feedback on how to improve or simplify the structure
- Would also appreciate feedback on some issues that seem like Webflow bugs. On a long shot they may be related to how the nav is built (but because they are browser specific it feels more buggy).
Read-only link: here
Published site: here
The rolling nav works great in every browser except IE. In IE, it rolls white-to-blue once and sporadically back to white, but after a couple seconds of scrolling the page crashes. Additionally, in Chrome the button only picks up the hover state and becomes clickable if you hover over it just right. I suspect the Page Trigger looping and getting stuck or something?
a) Android (Google Pixel 2) because of the above (I suspect), when I click any mobile link it highlights the top browser bar instead of the link itself.
b) Android (Google Pixel 2): the nav is really jumpy. When I scroll, the page scrolls behind it with the nav hovering 60px below or so until I stop scrolling at which point it jumps up top.
Anyone had anything similar happen on Android? iOS is great, no issues.
Thanks in advance for any suggestions/solutions!