Archived topic
Sticky navigation hover effect does not work one home page
7 replies · Started by Klaus on November 24, 2021
Dear support,
I set an hover effect on my top navigation bar (color should switch from white to red). That so far this works. But if I scroll down the page and the sticky header appears the effect is not working anymore.
But this only is on the home page, if I try the same behaviour on a e.g. blog post page the hover effect works on the sticky navigation as it should.
I just changed the colours in the customising editor and on the header for global and home.
The problem occurs since I changed the site to a one pager with smooth scroll to the anchors. Therefore I changed the menu to customised urls.
Any ideas where I have missed something?
Hi there,
can i see the site ?
Sadly I can not show it on the domain, due to legal restrictions I can not go online now with the site.
Are there any other options to give you insights?
If the site is behind a maintenance mode then you could simply provide us the URL and a temporary login.
You can share the details in the Private Information field, its content only the GP Admin can see.
Hi David,
I created an temporary login for you. I hope you can find something.
I believe this is the CSS you are after:
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
color: #333;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Hi Leo,
thank you very much - it worked perfectly :)
No problem :)
