[Resolved] Different Primary Navigation Color for Pages and Individual Posts

[Christian]

Hello, GP team 🙂

Is there a way to have a different color for the Primary Navigation on Pages and on Individual Blog Posts?

I’m using the “Use Navigation as Header” option, so I can’t really select the “Merge with Content” option on my header element.

[David]

Hi there,

are you using the Merged Header anywhere on the site ?
If not use it to change the navigation colors, then add this CSS to remove the Merge:

.header-wrap {
    position: static;
}

[Christian]

Working now!

Thanks, David! You’re coolbeans.

[David]

Glad to be of help

[Christian]

Quick question!

I just moved to a child theme and the code doesn’t work when added to the stylesheet, but it does if left in the Additional CSS from the Customizer.

The rest of the CSS code I have does work fine inside the stylesheet.

[David]

Does it work if you give it some !important:

.header-wrap {
    position: static !important;
}

[Christian]

Heh, yes. Thanks, David! 🙂

[David]

You’re welcome

[Author]

Posts