Trying to invert site navigation to change from black to white on specific pages.

Hi,

I want my site navigation to change from black to white (invert) depending on specific pages. I managed to code my logo to do this and my social links automatically do this when the header style is set to dynamic. I can't seem to get the site nav to work. I have a dark image that bleeds into the header and the links become lost.

Any help would be appreciated. 

1 hour ago, Marisoro said:

Hi,

I want my site navigation to change from black to white (invert) depending on specific pages. I managed to code my logo to do this and my social links automatically do this when the header style is set to dynamic. I can't seem to get the site nav to work. I have a dark image that bleeds into the header and the links become lost.

Any help would be appreciated. 

Hi,

can you share your site with the protected password so I can take a look?

8 hours ago, Marisoro said:

Hi,

I want my site navigation to change from black to white (invert) depending on specific pages. I managed to code my logo to do this and my social links automatically do this when the header style is set to dynamic. I can't seem to get the site nav to work. I have a dark image that bleeds into the header and the links become lost.

Any help would be appreciated. 

7 hours ago, Beyondspace said:

Hi,

can you share your site with the protected password so I can take a look?

Hi,

My site is mariamwilsonsorour.com Password: MWS120

Thank you!

1 hour ago, Marisoro said:

 

Hi,

My site is mariamwilsonsorour.com Password: MWS120

 

Thank you!

You can try adding to Home > Design > Custom Css

#collection-631734eb6d337241b34f086a .header-display-desktop  .header-nav-item > a {
  color: #fff !important;
}

Support me by pressing 👍  or marking as solution if this useful for you

My testing

You can use the following extension to get the page Id for the page you want to target: Squarespace ID Finder

How to get page Id: http://recordit.co/qwnj09oNCa

5 hours ago, Beyondspace said:

You can use the following extension to get the page Id for the page you want to target: Squarespace ID Finder

How to get page Id: http://recordit.co/qwnj09oNCa

Thank you for your help, this worked great. Also it was useful to learn how to find my page ID with that extension to use on other codes.

Appreciated!