diff --git a/assets/css/styles.css b/assets/css/styles.css
index 44ac427ede54ca59ad21dcf649d037bd219f7d61..28d0cf3ac7917c3af4ab0f656d53c189bca0e7dd 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -10,11 +10,10 @@ body, html {
     line-height:1.3em;
 }
 
-body#index a#indexnav,
-body#download a#downloadnav,
-body#how a#hownav,
-body#about a#aboutnav,
-body#involved a#involvednav {color:#87C214;}
+#nav #is-active {
+  color: #87C214;
+}
+
 
 #wrapper {
     min-height:100%;
diff --git a/themes/briar/layouts/partials/header.html b/themes/briar/layouts/partials/header.html
index fbcbbb89a282f634da0cb21ba2d1727af377baa9..10ba594cdcd915a7c3f22718a01aadfbcff87a9b 100644
--- a/themes/briar/layouts/partials/header.html
+++ b/themes/briar/layouts/partials/header.html
@@ -24,9 +24,11 @@
           <label for="menu-toggle"><img src="/img/menu.png" alt="Drop-down menu"></label>
           <input type="checkbox" id="menu-toggle"/>
           <ul id="menu">
+          {{ $currentPage := . }}
           {{ range .Site.Menus.main }}
           <li>
-          <a id="{{ .Identifier }}nav" href="{{ .URL }}">{{ .Name }}</a>
+          <a {{ if eq $currentPage.URL .URL }}id="is-active"{{end}}
+             href="{{ .URL }}">{{ .Name }}</a>
           </li>
           {{ end }}
           </ul>