fixing menu icon, and category name

web/data/categorymenu.html

@@ -1,7 +1,12 @@
 {{define "categorymenuHTML"}}
 <nav class="hed">
-  <div id="small-menu" onclick="handleSmallMenu()">
-    Menu
+  <div id="small-menu" onclick="handleSmallMenu();myFunction(this)">
+    <div class="menu-icon">
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </div>
+    <p>Menu</p>
   </div>
   <div class="menu">
   <a href="/">
@@ -27,6 +32,9 @@
     let menu = document.querySelector('.menu')
     menu.classList.toggle('show-menu')
   }
+  function myFunction(x) {
+  x.classList.toggle("change");
+}
 
   const handleScroll = function(event) {
     const top = window.scrollY;