[Resolved] Page Header Navigation

[Gianfranco]

I am trying to have a navigation on my home page that is different than my other pages.

http://deed2629.ngrok.io/ is the test site. I’ve set up the standard navigation in customizer with the logo that i want to use across the entire site less the homepage. I then went in Page Header and set up a nav menu for the homepage where i uploaded a different color logo and made changes to the color of text links. This works fine until i scroll down (using sticky menu) It seem like the navigation bar takes the setting from the customizer for the background and text only and not the logo. So the nav background turns white the text turns green (setting from customizer) but the image does not pull from the customizer -navigation image. Hope this makes sense…

[Leo]

Hi there,

So basically you are wanting the sticky navigation at home page to have different color than the rest of the pages?

The home page doesn’t have enough content right now so I can’t scroll far enough to activate the sticky navigation.

[Gianfranco]

Added images.

[Leo]

Try this CSS:

.home .main-navigation.navigation-stick {
    background-color: rgba(128,128,128,0.47);
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Gianfranco]

Sorry i meant the nav logo. But I was able to take your code and change it to work:

.home .main-navigation.navigation-stick .header-image {
content:url(“http://summit-investment-properties.dev/wp-content/uploads/2017/08/Summit-Logo-New2.svg”);
}

Thanks so much!

[Leo]

No problem!

[Author]

Posts