diff --git a/src/sass/components/_menu.scss b/src/sass/components/_menu.scss index 780e0f6..69bfff3 100644 --- a/src/sass/components/_menu.scss +++ b/src/sass/components/_menu.scss @@ -37,16 +37,19 @@ &__nav-main { display: flex; flex-direction: column; + height: 100%; + overflow-y: hidden; + @include transition; @include screen(md) { flex-direction: row; } &.hidden { - display: none; + height: 0; @include screen(md) { - display: flex; + height: 100%; } } } diff --git a/src/sass/ghost.scss b/src/sass/ghost.scss index b6b6b11..0923e69 100644 --- a/src/sass/ghost.scss +++ b/src/sass/ghost.scss @@ -132,11 +132,15 @@ } } -#darkMode { - .menu__text { - display: block; - @include screen(md) { - display: none; - } +.site-header { + &.search-enabled { + height: 100%; + } + + &.search-enabled &__inner { + background: rgba(0, 0, 0, 0.5); + } + &.search-detached &__inner { + background: rgba(0, 0, 0, 0.5); } } \ No newline at end of file