How do you make all navigation / header elements responsive with scroll back?

Hi there,

Curious if anyone has a code fix for this?

I've enabled the adaptive header feature on my site so that the links show up as light against imagery, and dark against light solid backgrounds. They are then dark on scroll back so everything can be seen against the site's light background. 

However I cannot figure out how to also have the logo be responsive? If I invert it, it also inverts on the scroll back navigation and stays inverted on the mobile dropdown menu.

Additionally, the scroll back isn't working on mobile at all, it's just a sticky header. 

https://poodle-fiddle-64jg.squarespace.com/lowell

password: mango1

Thank you in advance to anyone willing to advise. 

Steph

So you want to change logo to white before scroll?