diff options
Diffstat (limited to 'layouts/partials/header.html')
| -rw-r--r-- | layouts/partials/header.html | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a210045..6d4bf3e 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,12 +1,13 @@ <!-- Navigation--> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <div class="container px-4 px-lg-5"> - <a class="navbar-brand" href="#page-top"><img src="{{ .Site.Params.logo }}"></a> - <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + <a class="navbar-brand" href="#page-top"><img class="navbar-brand logo" src="{{ .Site.Params.logo }}"></a> + <label for="menu-btn-checkbox" class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> - </button> - <div class="collapse navbar-collapse" id="navbarResponsive"> + </label> + <input id="menu-btn-checkbox" type="checkbox"/> + <div class="collapse navbar-collapse" id="mobile-menu"> <ul class="navbar-nav ms-auto"> {{ range site.Menus.main }} <li class="nav-item"><a class="nav-link" href="{{ .URL }}">{{ .Name }}</a></li> @@ -14,4 +15,4 @@ </ul> </div> </div> -</nav>
\ No newline at end of file +</nav> |