diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index a83136e..9327243 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -38,7 +38,7 @@
         <ul>
             <li><a href="/">home</a></li>
             <li><a href="/about/">about</a></li>
-            <li class="has-submenu">tools
+            <li class="has-submenu" onclick="this.classList.toggle('opened')">tools
                 <ul class="submenu">
                     <li><a href="/calendar/">calendar</a></li>
                     <li><a href="/tv/">tv</a></li>
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index da8f16e..d62243a 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -269,6 +269,19 @@ body {
     display: flex;
 }
 
+#top-menu .drawer .submenu {
+    visibility: hidden;
+}
+
+#top-menu .drawer .submenu li {
+   padding: 0;
+   padding-top: 1em; 
+}
+
+#top-menu .drawer .opened .submenu {
+    visibility: visible;
+}
+
 .drawer .has-submenu {
     padding-left: 2em;
 }