Hi guys,
I’m in the process of rebuilding my current website (astra/elementor) with GPP and GB. I would like the links in the sticky header to retain the highlighted colour of the page the person is on. For example when on my current website if I’m on the Services page, the navigation link in the header is highlighted pink, the same as the normal navigation. And when the sticky header kicks in after scrolling back up the same Services link is pink.
In the new (staging) site I’ve tried to have the sticky header/navigation act in the same way using this css
.main-navigation.navigation-stick,
.main-navigation.navigation-stick ul ul {
background-color: #fff;
}
.main-navigation.navigation-stick .main-nav ul li a,
.navigation-stick .menu-toggle {
color: #000;
}
but the page I am on isn’t highlighted pink when the sticky header kicks in, it stays black. I’m pretty sure I am missing some css, could you help?