Target PDP's with code to change navigation colour

https://coucoustudio.squarespace.com/

PW: CCS24

I used code to transform my header from transparent with white text to white background with black text on scroll. However, my PDP's have a white background and now the header doesn't show up on those pages because of this. 

Is there a way I can target the PDP's only to reverse this effect, so my header is constantly black? 

Thanks!

If your custom code is pure css you would need a not rule on .collection-type-products.view-item that wraps around your custom css. That way it will only apply to pages other than the product item pages. 

If your custom script has Javascript there would be a similar approach to only allow the script to trigger on non product pages. 

If you could post the custom code here it would be helpful.  

Hey @colin.irwin

So the custom code is pretty long, as there's a few parts to it which create the effect at the moment

/******HOMEPAGE******/
header#header.shrink svg.icon {
    stroke: black;
    fill: black;
}
//-------------//
//***HEADER***//

header#header.shrink {
    background-color: white !important;
}
/* Change logo on scroll */ 
.shrink .header-title-logo img {
    visibility: hidden;
}
.shrink .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d03d8b127c3081d3643f6/1715274712696/Artboard+1+copy+4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

//--- nav link colour on scroll--//
header#header.shrink a {
    color: black;
    opacity: 1;
}
header#header.shrink img {
    filter: invert(1);
}
header#header.shrink use {
    fill: black !important;
    stroke: black !important;
}

//---- mobile nav----// (changes the logo and nav links colour from white the black)

body:not(.header--menu-open) header#header img {
content:url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d05a44b2a3437f0db91cd/1715275172328/Artboard+2.png) !important;}
  body.header--menu-open header#header img {
    content: url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d03d8b127c3081d3643f6/1715274712696/Artboard+1+copy+4.png);}
 

Thank you for the help so far! 

Try this 

body:not(.collection-type-products.view-item) {
    /******HOMEPAGE******/
header#header.shrink svg.icon {
    stroke: black;
    fill: black;
}
//-------------//
//***HEADER***//

header#header.shrink {
    background-color: white !important;
}
/* Change logo on scroll */ 
.shrink .header-title-logo img {
    visibility: hidden;
}
.shrink .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d03d8b127c3081d3643f6/1715274712696/Artboard+1+copy+4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

//--- nav link colour on scroll--//
header#header.shrink a {
    color: black;
    opacity: 1;
}
header#header.shrink img {
    filter: invert(1);
}
header#header.shrink use {
    fill: black !important;
    stroke: black !important;
}


}
/******HOMEPAGE******/
header#header.shrink svg.icon {
    stroke: black;
    fill: black;
}
//-------------//
//***HEADER***//

header#header.shrink {
    background-color: white !important;
}
/* Change logo on scroll */ 
.shrink .header-title-logo img {
    visibility: hidden;
}
.shrink .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d03d8b127c3081d3643f6/1715274712696/Artboard+1+copy+4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

//--- nav link colour on scroll--//
header#header.shrink a {
    color: black;
    opacity: 1;
}
header#header.shrink img {
    filter: invert(1);
}
header#header.shrink use {
    fill: black !important;
    stroke: black !important;
}


//---- mobile nav----// (changes the logo and nav links colour from white the black)

body:not(.header--menu-open) header#header img {
content:url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d05a44b2a3437f0db91cd/1715275172328/Artboard+2.png) !important;}
  body.header--menu-open header#header img {
    content: url(https://static1.squarespace.com/static/6583ad4a5d6aab0922f2d42d/t/663d03d8b127c3081d3643f6/1715274712696/Artboard+1+copy+4.png);}