Adaptive header style not changing navigation colour

My website has some white pages and some black pages.

I've believe I've set the header to be adaptive so was expecting the colour of the nav links to change from white (on a black background page), to black (on a white background page).

It's not working and I can't find anything to show me why.

I'm also using the Spark plugin to make the logo in the main navigation adaptive. This is working fine.

What can I do to solve this?

This is the temporary homepage. As you can see, the nav links are white on the black background
https://www.firmament.agency/home-1-1

15 hours ago, SimonFirmament said:

This is the temporary homepage. As you can see, the nav links are white on the black background
https://www.firmament.agency/home-1-1

This page is fine to me. Which page are you referring to?

I'm having the same issue, did you figure this out?

On 4/17/2024 at 8:23 AM, CharlesD said:

I'm having the same issue, did you figure this out?

If you share link to page where you have problem, we can check easier

Actually @tuanphan, I believe I discovered a bug. If the first block under the navigation uses an inset background image, it overrides the "Adaptive" navigation color and resets it.

https://rhombus-aqua-pldh.squarespace.com/ pass : alarme

I managed to fix it on the homepage using the following CSS code:

body.homepage div.header-nav-item>a {
    color:#DCDDCE !important;
}

But now I'm looking to change it in the Emplois page.

Thanks!

Actually found a solution!

#collection-65f1cbc4685cc5439f4e9853 .header-nav-item > a {
  color: #DCDDCE;
}