Is there a way to have a company logo change colors when someone hovers over the header menu? The header background on the site I am building is currently transparent. When someone hovers over the menu, I want the background to turn white and our white logo to turn to its normal colors.
I have included a link to a different site that does this so you can see what I am trying to do. The white Bain logo turns red when you hover on the the menu (
https://www.bain.com/). I do not see an option for this on Rife Pro. Thanks!
Comments
So what we need from you is:
1. For a start I will need a live link to your website, so I could check what is your current situation, and what can we use to achieve what you need.
You are probably using some header color variant, and I need to determine which one.
With kind regards.
Appearance → Customize → Header Settings → Type, variant, background → Background color - on hover and set it to your desired color.
Next about the logo switch, we can add such custom CSS: Please implement these changes and check the result.
If you need to change links as well, you can use this custom CSS: With kind regards.