select menu by permalink

Author: dfuchss

_includes/header.liquid

@@ -63,11 +63,11 @@
               {% if p.dropdown %}
                 {% assign has_active_child = false %}
                 {% for child in p.children %}
-                  {% if page.title == child.title %}
+                  {% if page.title == child.title or page.permalink == child.permalink %}
                     {% assign has_active_child = true %}
                   {% endif %}
                 {% endfor %}
-                <li class="nav-item dropdown {% if page.title == p.title or has_active_child %}active{% endif %}">
+                <li class="nav-item dropdown {% if page.title == p.title or page.permalink == p.permalink or has_active_child %}active{% endif %}">
                   <a
                     class="nav-link dropdown-toggle"
                     href="#"
@@ -78,7 +78,7 @@
                     aria-expanded="false"
                   >
                     {{- p.title }}
-                    {% if page.title == p.title or has_active_child %}
+                    {% if page.title == p.title or page.permalink == p.permalink or has_active_child %}
                       <span class="sr-only">(current)</span>
                     {% endif %}
                   </a>
@@ -88,7 +88,7 @@
                         <div class="dropdown-divider"></div>
                       {% else %}
                         <a
-                          class="dropdown-item {% if page.title == child.title %}active{% endif %}"
+                          class="dropdown-item {% if page.title == child.title or page.permalink == child.permalink %}active{% endif %}"
                           href="{% if child.permalink contains '://' %}{{ child.permalink }}{% else %}{{ child.permalink | relative_url }}{% endif %}"
                         >
                           {{- child.title -}}