marius/risotto
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
feature/responsive-header
This commit is contained in:
Joe Roe 2023-05-03 15:32:05 +02:00 • committed by GitHub
commit 8ab4d0a047
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/header.html
View file

@ -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>

6
static/css/header.css
View file

@ -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;
}