From ffe99717de8685d684796987dc7a6c43c44c4202 Mon Sep 17 00:00:00 2001
From: curben <curben@users.noreply.gitlab.com>
Date: Mon, 12 Nov 2018 18:27:38 +1030
Subject: [PATCH] fix: overlap the mobile nav onto other elements

---
 themes/typing/source/css/typing.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/themes/typing/source/css/typing.css b/themes/typing/source/css/typing.css
index 11974f3..cf06510 100644
--- a/themes/typing/source/css/typing.css
+++ b/themes/typing/source/css/typing.css
@@ -1403,13 +1403,23 @@ pre .keyword {
   display: none;
 }
 
-/* align the text (in nav menu) to right */
 /* set line-height in /archives page */
 .mobile-nav-menu {
-  text-align: right;
   line-height: 1.8;
 }
 
+/* overlap other elements */
+.mobile-nav-link {
+  background: #3f3f3f;
+  border: 2px solid #999;
+  border-radius: 5px;
+  right: 0;
+  margin-left: 5px;
+  padding: 10px;
+  position: absolute;
+  text-align: left;
+}
+
 /* search bar */
 .searchContainer {
   border-radius: 5px;
@@ -1502,11 +1512,6 @@ svg {
   #mobile-menu-toggle:checked + .mobile-nav-link {
     display: grid;
     display: -ms-grid;
-    border: 2px solid #999;
-    border-radius: 5px;
-    margin-left: 5px;
-    padding: 10px;
-    text-align: left;
   }
 }