In "site-footer.html" add class "z-index-10".

In "main.css" add class z-index-10 with property z-index: 10. This fix the issue in which tabs come over the navbar on mobile. Fixes #125
gohugoio · Oct 15, 2019 · 7019ac2 · 7019ac2
1 parent e04e627
commit 7019ac2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -36,4 +36,4 @@
 .mw-90 {
   max-width:90%;
 }
-/* purgecss end ignore */
+/* purgecss end ignore */
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
@@ -41,7 +41,7 @@
 
     <img src="/images/gopher-side_color.svg" class="absolute-l bottom-0 dn db-l h4 right-0 z-999"/>
 
-    <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 w-100">
+    <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 w-100 z-index-10">
       {{- partial "nav-mobile.html" . -}}
     </div>