diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index f65932aa01045ab2302a9cf49f5fd725af73f9ae..3ec3722caac87339683bedc53cdfbcea20fec12a 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -23,6 +23,7 @@ html {
   --navy: #224c57;
   --orange: #ec6343;
   --orange-dim: #e05340;
+  --orange-dimmer: #ce3520;
 }
 
 /* Some Tachyons-like classes to apply those standard colors. */
@@ -685,3 +686,10 @@ details summary {
   font-weight: bold;
   padding: 0.5rem 0;
 }
+
+.conservancy-sustainer #feature-menu li.sustainer a,
+.conservancy-donate #feature-menu li.donate a,
+.conservancy-vizio #feature-menu li.donate a
+{
+  background-color: var(--orange-dimmer);
+}
diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index c009d875ecd71d16674dbae8612f8bd5cc28bc89..c82b0144f85aed1ec5c949de503159f33883e680 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -33,17 +33,17 @@
           </h1>
         </div>
 
-        <div class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center">
-          <span id="menu-icon" class="dn-ns ph2 pointer">
+        <ul id="feature-menu" class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center list">
+            <li><span id="menu-icon" class="dn-ns ph2 pointer">
             <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#bars"></use></svg>
-          </span>
-          <a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a>
-          <a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a>
-          <a href="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a>
-          <span id="search-icon" class="dib ph2 pointer">
+            </span></li>
+            <li class="donate"><a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a></li>
+            <li class="sustainer"><a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a></li>
+            <li class="vizio"><a href="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a></li>
+            <li><span id="search-icon" class="dib ph2 pointer">
             <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#search"></use></svg>
-          </span>
-        </div>
+            </span></li>
+        </ul>
       </div>
     </header>
 
diff --git a/www/conservancy/templates/base_vizio.html b/www/conservancy/templates/base_vizio.html
index c5600a3152bbdf354f85ebf0833f562e98bf53c4..10508e0a0393ee97a3fbb1cdad72bdf1f7551375 100644
--- a/www/conservancy/templates/base_vizio.html
+++ b/www/conservancy/templates/base_vizio.html
@@ -1,7 +1,7 @@
 {% extends "base_conservancy.html" %}
 {% load cache %}
 {% load humanize %}
-{% block category %}WhatWeDo{% endblock %}
+{% block category %}Vizio{% endblock %}
 {% block head %}
 <link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <link href="/forms.css" rel="stylesheet" type="text/css"/>