Merge pull request #32 from m-dev672/feature/responsive-header

feature/responsive-header
joeroe · May 3, 2023 · 8ab4d0a · 8ab4d0a
2 parents 77a22a3 + af427e8
commit 8ab4d0a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,6 +1,6 @@
-<h1 class="page__logo"><a href="{{ .Site.BaseURL }}" class="page__logo-inner">{{ .Site.Title }}</a></h1>
 <nav class="page__nav main-nav">
     <ul>
+    <h1 class="page__logo"><a href="{{ .Site.BaseURL }}" class="page__logo-inner">{{ .Site.Title }}</a></h1>
     {{ $currentPage := . }}
     {{ range .Site.Menus.main }}
     <li class="main-nav__item"><a class="nav-main-item{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) (eq ($currentPage.Permalink) (.URL | absLangURL)) }} active{{end}}" href="{{ .URL | absLangURL }}" title="{{ .Title }}">{{ .Name }}</a></li>

diff --git a/static/css/header.css b/static/css/header.css
@@ -4,11 +4,13 @@
     flex-flow: row wrap;
     justify-content: flex-start;
     margin: 0;
-    padding: 0.25rem 0;
+    padding: 0 0 0.25rem 0;
+    gap: 0rem 1.5rem;
 }
 
 .main-nav li {
-    margin-left: 2.5rem;
+    padding-top: 0.25rem;
+    margin-left: 1rem;
     text-transform: lowercase;
 }