Streaming live at 10am (PST)

Change css elements to nav when scrolled to certain sections



I’m trying to find the best way to have my nav logo (the circle) change to a white background, change image (the RMD logo) and drop shadow when scrolled to ‘meet me’ and ‘contact’ section.

So basically, I want the whole element in the div block that is nested in the brand link box to change when scrolled to certain sections of the page.

How do I do this?!

Here is my public share link:
(how to access public share link)