Change primary nav background color

Site URL: https://rrcsc.squarespace.com/

How do I go about changing the primary nav background color to hsl(24, 65%, 52%)? I would the secondary nav (with the logo and button) background to stay white, and the main page background to stay grey, but want the primary nav (items Missions, partners, impact etc) to be the orange color state above. Is this possible?

Your site is private. Can you setup password & share url?

whoops, apologies - password is rrc123

https://rrcsc.squarespace.com/

Hi
Use this code in Design -> Custom CSS

[data-nc-base="header"] [data-nc-element="primary-nav"] .Header-nav-item {
    color: hsl(24, 65%, 52%) !important;
}

Please use the like button if it helps you!

Best,
Leopold

Thanks! That code changes the text color - I'd like to change the full background strip of that primary nav area. I added 'background-color' to that code, but it only puts color behind the text itself (see screenshot attached). Is there a way to get the full strip the orange color?

Change your code to this

.Header.Header--bottom {
    background-color: #d47535 !important;
}

Please use the like button if it helps you!

Best,
Leopold