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.


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

.navigation-item-dot {
    display: none;
.w--current .navigation-item-dot {
    display: block;

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