[Resolved] Make Menu Background different when sticky?

[Chris]

Is there a way to make the primary menu’s backgrounds transparent when it’s in the header, but 50% transparent when it because a sticky header?

[Leo]

Hi there,

Try this CSS:

.main-navigation.navigation-stick {
    background-color: rgba(145,145,145,0.54);
}

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

[Chris]

Oh that was simple haha
I’m just getting the hang of using custom CSS with this. That worked though, thank you!

Also I just bought Premium last night and I’m completely overwhelmed at how much freedom I have with all this. Great job on this theme/plugin!

[Leo]

CSS is magical 🙂

Glad you are enjoying it!

[Author]

Posts