Hi everybody! I'm using the Relume Navbar 1 component in a client project and i can't figure out how to style the navlinks so they look different when their page is active. Could someone help me out please?
What’s the difference? If the color is blue, then add a global class inside <i>global-style</i> embed, it will make all anchor tags to inherit color style from the parent.
a {
color: inherit;
} the easiest way to style the "active" state is to change one of the links to point to the homepage, deselect everything (hit esc key a couple of times) and then select that same nav link again and you should see a green "active" label. If you don't you might have to play around with it a little - I don't know the exact magic to get it to work correctly. In most cases it should work fine, and when you see that active green label, you can start to style like you normally would.
Now you can remove the link to the homepage and continue building out your site from there and when you link up the nav links to the pages, and go to that page, things should be styled like you had done.
No worries at all - thank you for chiming into these issues, really appreciate your support in the community! 💪
I also face similar issue often, and now I know the way of fixing it. Thanks for bringing it in front.