[Resolved] Transparent Menu Below Header

[Markus]

Hello.

I use GeneratePress with the Mantle Child Theme, because I liked the transparent sticky main menu below the header.
Then I installed GP Premium and adjusted some values.
I have no idea why – but the transparency of the menu is gone.
Any idea how to fix this?

Thank you very much.

[Markus]

Maybe it is helpful to check the site at https://insoguide.de

[Tom]

Hi there,

Give this CSS a try:

.navigation-stick {
    opacity: 0.8;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Markus]

Tom,

thank you, this works fine.

May I be curious? Bug or Feature? Did I break the Mantle theme with some settings?

Have a nice day.

Markus

[Markus]

Tom,

sorry to bother you again: is there language pack for “German (formal)” available?

Markus

[Tom]

No bug – Menu Plus doesn’t have the transparency feature, but I may add it soon.

That language isn’t complete, but you can contribute to it if you like?: https://translate.wordpress.org/locale/de/formal/wp-themes/generatepress

[Markus]

Hi Tom.

I was wondering how to add opacity to a mobile header as well.
My guess was

.mobile-header-navigation.is_stuck {
    opacity: 0.8;
}

Do you have a better idea?

[Tom]

That should work, then you can set it back to 1 when you hover:

.mobile-header-navigation.is_stuck:hover {
    opacity: 1;
}

[Markus]

Tom.

Thank you for the fast answer, but sorry.

This one does not do it:

.mobile-header-navigation.is_stuck {
    opacity: 0.8;
}

But I cannot find out why.
Any idea, please?

[Tom]

Can you link me to your site with that CSS added?

[Markus]

Yes, sure.
here we go: http://forderungsaufstellung-367.de

[Tom]

Ah I see, try making it more specific:

#mobile-header.mobile-header-navigation.is_stuck {
    opacity: 0.8;
}

[Markus]

Yeah. That’s it.
Thank you again.
Also for the hint to make it solid on hoover.
Makes sense.

[Tom]

No problem! Glad I could help 🙂

[Author]

Posts