Why isn't my link active class functioning on my store blog page?

[sakinur-rahman]

I have added a menu on my store blog page. And I am using this condition to add a css class. But it's not working. Please see the screenshoot.

<a class="{% if link.active %}site-nav--active{% endif %}" href="{{ link.url }}">
{{ link.title }}
</a>

Page link here: https://neophytofoods.com/blogs/recipes

[KLGeiger]

Did you find a solution? I'm having the same issue.

[Ahmed_Afifi]

This is quite annoying issue, but the solution is very simple, all you have to do, is to make sure the menu link assigned in the navigation settings, is not absolute link that copied/pasted, but make sure to search for the page/product/collection.. and select the object you are after from the link search there, this way shopify can deal with the link as object and then the active attribute will work properly.

[what_ever]

Thank you Ahmed!

[Ahmed_Afifi]

Welcome, glad i could help!