From c85e3b7b59288fd4961c0cd86d21db0d1ad318ad Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Sat, 01 Aug 2020 11:10:09 +0000
Subject: [PATCH] 📱 Added proper mobile navbar
---
layouts/partials/navbar.html | 16 ++++++++++------
1 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 95d09e9..73e2ad7 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,5 +1,10 @@
<div class="page-top animated fadeInDown">
- <ul class="nav">
+ <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" >
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </a>
+ <ul class="nav" id="navMenu">
{{ $url := .RelPermalink }}
{{ range .Site.Menus.main }}
{{ $active := eq $url .URL }}
@@ -9,12 +14,11 @@
{{ range $.Site.Home.AllTranslations }}
<li><a href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">{{ .Language.LanguageName }}</a></li>
{{ end }}
- </ul>
- {{ end }}
- </ul>
- <div class="themeswitcher">
+ {{ end }}
+ <li class="theme-switch-item">
<a class="theme-switch" title="Switch Theme">
<i class="fa fa-adjust fa-fw" aria-hidden="true"></i>
</a>
- </div>
+ </li>
+ </ul>
</div>
--
Gitblit v1.10.0