Navigation links & Logo change colour on Navigation Hover

Site URL: https://shark-calliope-xamw.squarespace.com

Hey Everyone,

Hoping someone can help me here!

I have added a hover effect to my navigation menu that makes it a solid colour on hover. On my main page this is perfect.

However for my other pages, as the logo & navigation links are olive they disappear.

I would like on the Shop & About pages so that when you hover the Links and Logo go from Oliver to A white. 

I know that i will need to use the HTML link for the logo but not sure how to code this.

Have searched the internet and can't find anything.

Thank you

https://shark-calliope-xamw.squarespace.com/

PW - Seboskin

You can use this to Website Tools > Custom CSS

body:not(.homepage) {
    header#header [href="/shop"]:hover, header#header [href="/about"]:hover {
        color: #fff;
    }
}