Archived topic
Text Hover Color header does not trigger anymore
5 replies · Started by finanzbeben on February 9, 2022
Dear GP Team,
Since using Polylang, it seems the normal anchor links in my header (mobile navigation) are not working anymore. What it should do: The header should trigger green text color on hover (#07d000). However, this only works for the search and flag icons. Any thought what this might cause?
Kind regards.
Hi Finanzbeben,
This is occurring because the current hover color set has a low precedence value.
Can you kindly try setting the hover color in your primary navigation through Appearance > Customize > Colors and see if this resolves the issue?
See this for reference: https://share.getcloudapp.com/bLuxbGm9
Kindly let us know how it goes! :)
Hi Fernando, Thanks for your help. The thing is, the hover color you have marked in your image has already been set to green. So this seems to have no impact. Moreover, the hover effect did work before installing some plugins like Polylang and fixed TOC. But such plugins shouldn't have any impact on the navigation / header hover colors, right? Can we solve this issue with additional CSS workaround?
Many thanks and kind regards
I can’t see the CSS which should come from the Customizer to modify the colors of the primary nav menu on hover. This may be a caching issue. Do you have any caching installed like WP Fastest Cache? Can you try clearing your cache and disabling your caching plugin temporarily and see how it goes?
On the other hand, as an alternative, here’s a CSS you can you try:
div#primary-menu ul li a:hover {
color:var(--accent-2);
}
Moreover, here is a link you may refer to with regards to CSS: https://docs.generatepress.com/article/adding-css/
Kindly let us know if this works! :)
Hi Fernando, your additional CSS works for me. Many thanks. This does the job. Always glad to built my websites on GP.
Kind regards from Germany.
You’re welcome! Glad that did the job! Feel free to reach out anytime if you have any further questions with regards to our products. :)