Logo changes to negative of original on scroll and header is not full-width

My issues are only on one collection page leading me to believe something easily fixable is causing this pain in my side. Here’s what’s happening…

On my blog post template page in all desktop sizes:

  1. The header strip does not achieve full width on the screen
  2. Upon scroll, the site logo in the header seems to have its colors become inverted acting like a negative of the original.

You can see how the header should look on any other page.

https://preview.webflow.com/preview/city-of-thorp?utm_medium=preview_link&utm_source=dashboard&utm_content=city-of-thorp&preview=bd83c2659cdb8f5415c9ed236fea63c6&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)