Change background color of primary navigation bar on Brine 7.0

Site URL: https://llama-azalea-b73a.squarespace.com/?password=demo

I'm using a Squarespace 7.0 Brine template, which does not offer the ability to change the background color of Header:Top. I'm only able to change the color of the Main section, which I don't want. How can I change the just the primary navigation bar to display the color I want? I know it involves CSS, but other codes I've tried on the forum does not work.

Just now, kds_on_ss said:

Site URL: https://llama-azalea-b73a.squarespace.com/?password=demo

I'm using a Squarespace 7.0 Brine template, which does not offer the ability to change the background color of Header:Top. I'm only able to change the color of the Main section, which I don't want. How can I change the just the primary navigation bar to display the color I want? I know it involves CSS, but other codes I've tried on the forum does not work.

Hi, add this code to custom css (Design > Custom CSS). Just replace HEX with the values of your preferred colour. Let me know how it goes 🙂 

header.Header.Header--bottom {
  background-color:#HEX;
}

1 hour ago, Jia said:

Hi, add this code to custom css (Design > Custom CSS). Just replace HEX with the values of your preferred colour. Let me know how it goes 🙂 

header.Header.Header--bottom {
  background-color:#HEX;
}

Ah, this worked for me! Thank you SO much 🙂