Archived topic
Transparent Menu Below Header
13 replies · Started by Markus on May 21, 2016
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.
Maybe it is helpful to check the site at https://insoguide.de
Hi there,
Give this CSS a try:
.navigation-stick {
opacity: 0.8;
}Adding CSS: https://generatepress.com/knowledgebase/adding-css/
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
Tom,
sorry to bother you again: is there language pack for "German (formal)" available?
Markus
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
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?
That should work, then you can set it back to 1 when you hover:
.mobile-header-navigation.is_stuck:hover {
opacity: 1;
}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?
Can you link me to your site with that CSS added?
Yes, sure.
here we go: http://forderungsaufstellung-367.de
Ah I see, try making it more specific:
#mobile-header.mobile-header-navigation.is_stuck {
opacity: 0.8;
}Yeah. That's it.
Thank you again.
Also for the hint to make it solid on hoover.
Makes sense.
No problem! Glad I could help :)
