[Resolved] Need to remove navigation links background color on Homepage only

[Alicia]

Hello!

So, I’m using my own Page hero, containing custom fields that I’ve created and I’ve added it via hook element. I want a transparent background on Navigation links. I’m also using the sticky navigation and don’t need transparency there. I’ve managed to get the header background transparent, but having a hard time removing background for the nav buttons.

You can see on the homepage here:

https://sandbox.intrepidrealist.com/dopamine-fx/

I would love to use the merged hero element, but I prefer using an image at 100% rather than background image.

Thanks!

[Leo]

Hi there,

Can you try this CSS?

.home .main-navigation:not(.navigation-stick), .home .main-navigation:not(.navigation-stick) ul ul {
    background-color: transparent;
}

Let me know if this helps 🙂

[Alicia]

Thanks! That worked. However, now the sticky menu on home page has no background color. I still want that.

[Leo]

Updated the CSS above:
https://generatepress.com/forums/topic/need-to-remove-navigation-links-background-color-on-homepage-only/#post-1145132

[Alicia]

That did the trick!!

Thanks SO much!

[Leo]

No problem 🙂

[Author]

Posts