1 files changed, 32 insertions, 19 deletions
diff --git a/layouts/partials/chapterMenu.html b/layouts/partials/chapterMenu.html
index 4520f3a..ffd1c01 100644
--- a/layouts/partials/chapterMenu.html
+++ b/layouts/partials/chapterMenu.html
@@ -1,21 +1,34 @@
-<div class="dropdown">
-  <p class="mb-1 mt-1 dropbtn text-left">
-    <i class="navMenu fas fa-bars"></i>
-  </p>
-  <div class="dropdown-content bg-light shadow">
-    <b class="mt-3">
-      {{ $thisSection := .Site.GetPage "section" .Section }}
-      {{ with $thisSection }}
-      {{ .Title | markdownify }}
-      {{ end }}
-    </b>
-    <ul class="list-unstyled ml-1">
-      {{ $mypages := intersect (where .Site.Pages "Section" .Section) (where .Site.Pages "Kind" "page") }}
-      {{ range $mypages }}
-      <li class="hanging">
-        <a href="{{ .Permalink }}">{{ .Title | markdownify}}</a>
-      </li>
-      {{ end }}
-    </ul>
+<div class="position-relative">
+  <i
+    class="nav-menu hover-menu ml-2 mr-2 mt-1 fas fa-bars"
+    onclick="expandMenu(this)"
+    title = "Show Chapters"
+  ></i>
+  <div
+    class="show bg-light shadow"
+    style="
+      position: absolute;
+      min-width: 280px;
+      max-width: 75%;
+      z-index: 1;
+      max-height: 0px;
+      overflow: hidden;"
+  >
+    <div class="p-2 rounded">
+      <b class="mt-3">
+        {{ $thisSection := .Site.GetPage "section" .Section }}
+        {{ with $thisSection }}
+        {{ .Title | markdownify }}
+        {{ end }}
+      </b>
+      <ul class="list-unstyled ml-1">
+        {{ $mypages := intersect (where .Site.Pages "Section" .Section) (where .Site.Pages "Kind" "page") }}
+        {{ range $mypages }}
+        <li class="hanging">
+          <a href="{{ .Permalink }}">{{ .Title | markdownify}}</a>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
   </div>
 </div>