Jump to content

Adaptive header style not changing navigation colour

Recommended Posts

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?

Link to comment
15 hours ago, SimonFirmament said:

This is the temporary homepage. As you can see, the nav links are white on the black background

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.