nattest

Thank you so much! Here's the full code I ended up using: #header { background-color: transparent; } .header-announcement-bar-wrapper { background-color: rgba(0,0,0,0)!important; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } .tweak-fixed-header .shrink.header { background: #c7faeb !important; } .tweak-fixed-header .shrink.header .header-nav-wrapper a { color: #000 !important; }

Site URL: http://www.saltycopy.com Hello, I am struggling to figure out how to edit my header. I want a transparent, fixed header (with white text) when at the top of a page on my site. I would like to change the color of the fixed header to an aqua (#c7faeb) with black text when I scroll. I've been playing with various CSS codes for this but haven't figured it out yet. I am using Squarespace 7.1 and any help would be very much appreciated!