Help needed: Advanced navigation interactions. Current states not applying to children of parent link block

Hey everyone,

Tried to sum up the challenge in a Loom here:

Ultimately I’m trying to create a slightly more advanced ‘current’ state for my nav items so that a small blue dot shows next to them.

I can’t figure out how to only show this for the current page though.

Any and all help is greatly appreciated.

Cheers


https://preview.webflow.com/preview/elsewhere-website?utm_medium=preview_link&utm_source=dashboard&utm_content=elsewhere-website&preview=a7720db0049b73b9cf0a22e375d1d16a&workflow=preview

Add an HTML Embed into your nav component with these contents;

<style>
.navigation-item-dot {
    display: none;
}
.w--current .navigation-item-dot {
    display: block;
}
</style>

You absolute hero @memetican !! Thank you so much! :yellow_heart::raised_hands: