diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass index 8ad6a3b925be61693d230f1247d5d505d3539157..900a8c13f5d6569fd4ef0e3070693c1708447337 100644 --- a/assets/sass/_theme/design-system/header.sass +++ b/assets/sass/_theme/design-system/header.sass @@ -75,8 +75,9 @@ body header[role="banner"] nav[role="navigation"] - padding-bottom: $header-nav-padding-y padding-top: $header-nav-padding-y + @include media-breakpoint-up(desktop) + padding-bottom: $header-nav-padding-y .container align-items: center display: flex diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass index b692a233f2075d689595faa151f924984e20b0c1..87980bb755538384e74770b316aa67c643c1c821 100644 --- a/assets/sass/_theme/design-system/nav.sass +++ b/assets/sass/_theme/design-system/nav.sass @@ -11,8 +11,8 @@ -webkit-flex-basis: 100vw display: none flex-basis: 100vw - margin-top: 1.875rem - max-height: 70vh + margin-top: $spacing1 + max-height: calc(100vh - var(--header-height) - #{$spacing1}) overflow: auto a, a:focus, @@ -132,6 +132,7 @@ display: block > li:not(:last-child) border-bottom: 1px solid #adb5bd + > li > a, > span padding-bottom: $spacing1 padding-top: $spacing1