DanRader/nav-highlight.html

Last active January 15, 2017 23:09

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/DanRader/a6e5b10a1e3fd68aba6415652cc84e11.js"></script>
Save DanRader/a6e5b10a1e3fd68aba6415652cc84e11 to your computer and use it in GitHub Desktop.

Download ZIP

Navigation loop that highlights your current page AND any sub pages connected—for example, a blog list page and posts both highlighting 'blog'. It also sorts by position in YAML

Raw

nav-highlight.html

	{% assign sorted-p = site.pages \| sort: 'position' %}
	{% for p in sorted-p %}
	{% if p.is-menu == true %}
	<li class="{% if p.url == page.url or page.url contains p.url %} active {% endif %} nav-links"><a href="{{ p.url }}">{{ p.title }}</a>
	{% endif %}
	{% endfor %}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment