The navbar should be semitransparent on the contact page and only become solid upon scroll, it works perfect on this page for example: Roger Castillo - Being Lived: Subscribe
This is just same interaction with replaced class and it works on each page, while Donate page is the source of interaction, however on the contact page and maybe some others it doesn’t work properly,
I know that class replacement is a legacy feature, however even If I recreate a new interaction from scratch with the same logic, it still doesn’t work on the mentioned pages
It just jumps to 100% even in the preview mode…See video
And also another glitch in the same project on Events Template page.
I have two different Hero divs there, one is taking the “large image” from the CMS, and if that image is not set another default image is being displayed.
So on all pages where the “large image” is not set I have this glitch: when I’m scrolling page to the top very quickly the navbar is being wrecked.
Hi @radmitry I think the issue is that you have a while scrolling interaction set up. On the subscribe page this works because you have enough sections to scroll through. On the contact page though, there isn’t any room to scroll so the navbar is automatically set to 100% opacity. If you open the inspector you can see the interaction works as expected because there’s now enough space to scroll: Screen Recording 2018-07-18...
I recommend adding another section to the footer so there’s a scrollable area, or maybe tweaking your interaction slightly.
@Brando Redesigned my Events template in a same manner and moved nav-solid element out of the navbar on that page and the second issue is now gone too!
:webflow_heart:
