Added site title in small screens

2 files changed, 9 insertions, 8 deletions

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f0d5014..1d20633 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,9 +1,10 @@
 <div class="header">
-  <nav id="main-nav" class="standard">
-    <div class="hamburger-icon">
-      <i class="hamburger fas fa-bars" onclick="toggleMainMenu(this)"></i>
+  <nav id="main-nav">
+    <div class="hamburger-icon-container">
+      <span class="text-white border-bottom text-uppercase ml-2">{{ .Site.Title }}</span>
+      <i class="hamburger fas fa-bars mr-4" onclick="toggleMainMenu(this)"></i>
     </div>
-    <div class="all-menu expanded w-100">
+    <div class="all-menu expanded standard">
       {{ partial "menu/menu_home" . }}
       {{ partial "menu/menu_sections" . }}
       {{ partial "menu/menu_alltaxa" . }}
diff --git a/static/css/khata.css b/static/css/khata.css
index 16c33a2..86cd53d 100644
--- a/static/css/khata.css
+++ b/static/css/khata.css
@@ -49,8 +49,7 @@ a,
 .all-menu {
   display: flex;
 }
-.hamburger-icon {
-  text-align: right;
+.hamburger-icon-container {
   display: none;
 }
 .hamburger {
@@ -215,8 +214,9 @@ a,
     margin-left: auto;
     margin-right: auto;
   }
-  .hamburger-icon {
-    display: block;
+  .hamburger-icon-container {
+    display: flex;
+    justify-content: space-between;
   }
   .TableOfContents {
     float: initial;