Here's a Navbar that change color on scroll.

Because navbars over heros images/videos look better when they're transparent. (scroll down for instructions / tutorial 👇 )

View Tutorial

All the code is in the navbar component.

Just copy and paste it into your project and make sure to remove all numbers from the relume navbar component.

1

Copy + Paste Relume navbar.

2

Remove all numbers from classes.

3

Add data attribute data-hero-image=true to the body.