Fix no-js main menu (>920px)
This commit is contained in:
parent
81848653eb
commit
449f51ed66
2 changed files with 7 additions and 3 deletions
|
@ -272,6 +272,10 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
|
|||
}
|
||||
|
||||
@media (min-width: 920px) {
|
||||
.header {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: inline-block;
|
||||
}
|
||||
|
@ -312,7 +316,7 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
|
|||
border-color: #666;
|
||||
}
|
||||
|
||||
.main-nav__list--right {
|
||||
.main-nav--right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{{- if .Site.Menus.main }}
|
||||
<nav class="main-nav" role="navigation">
|
||||
<nav class="main-nav{{ if eq .Site.Params.mainMenuAlignment "right" }} main-nav--right{{ end }}" role="navigation">
|
||||
<button id="toggle" class="main-nav__btn" aria-label="Menu toggle" aria-expanded="false" tabindex="0">
|
||||
<div class="main-nav__btn-box" tabindex="-1">
|
||||
<svg class="main-nav__icon icon-menu" width="18" height="18" viewBox="0 0 18 18">
|
||||
|
@ -8,7 +8,7 @@
|
|||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
<ul id="menu" class="main-nav__list{{ if eq .Site.Params.mainMenuAlignment "right" }} main-nav__list--right{{ end }}">
|
||||
<ul id="menu" class="main-nav__list">
|
||||
{{- $currentNode := . }}
|
||||
{{- range sort .Site.Menus.main }}
|
||||
{{- $current := (or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .)) }}
|
||||
|
|
Loading…
Reference in a new issue