Legacy sticky nav interaction

Design help General
1

I’ve done this dozens of times on other sites, and recreated the interaction post-Interactions 2.0 and it’s not working.

Basically, I have 2 nav bars - one for sticky and one normal. The normal is visible, until scrolling past the About banner section (one with the blue stripes) and the sticky nav appears. For the life of me I can’t get it to work. Here’s a quick video overview:

https://www.useloom.com/share/98ffd2a779524af6b18c722c513e69b8

Here’s the preview link

2

@PixelGeek just thought I’d tag you to chime in :slight_smile:

3
  1. Remove the negative margin on “navbar sticky”. Just add Position: Fixed, to the top, z-index: 1.
  2. Add On Load interaction to “navbar sticky”: Move up -100px, Opacity 0%.

Oh wait, are wanting to use IX1, or IX2?

4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.