Chroma - display logo and site title only using the sticky setting

Big White Duck
1

I’m making a site with Source and am using Chroma to fix the navigation to the top of the page when the header scrolls out of view. The header contains the site title and logo, and I’m happy with that.

What I’d really like is to have a smaller version of the logo and the site title appear on the navigation, but only when the header scrolls out of site and the nav bar is fixed to the top of the page.

And then have those two elements disappear when the visitor scrolls back up so the header comes back into view.

As shown here in the Before and After pix.

Is that possible?

Before%20scrolling
Before scrolling.jpg880×775 264 KB

After%20scrolling
After scrolling.jpg881×668 255 KB

2

Yes that is possible. As you probably guessed you would need to do it with a bit of custom CSS either in the custom styles of Chroma or just in the RW CSS.

Chroma adds a class when it sticks, you could use that or you could use a marker and it’s associated attribute.