[Support request] Color the background of sticky navigation separate from Primary Nav

[Shawn]

Hi, I am unable to color the background of sticky navigation separate from the primary navigation, can you let me know how to do that?

Thank you

[David]

Hi there,

you can use this CSS:

.sticky-enabled .main-navigation.is_stuck {
    background-color: #ccc;
}

Or if you’re using a Header Element with a merged site header then you can change the nav colors in the Element, this will only apply to the static navigation. Whereas your Sticky Nav will use the colors set in the Customizer for the primary navigation:

https://docs.generatepress.com/article/header-element-overview/

[Author]

Posts