some fixes

assets/sass/_theme/_configuration.sass

@@ -152,7 +152,7 @@ $zindex-body-overlay: 51 !default
 $zindex-toc: 60 !default
 $zindex-toc-cta: 49 !default
 $zindex-aside: 48 !default
-$zindex-footer: 70 !default
+$zindex-footer: 50 !default
 
 // Header
 $header-color: $color-text !default

assets/sass/_theme/blocks/video.sass

@@ -6,10 +6,11 @@
                 min-height: 400px
         iframe
             background: black
-    @include in-page-without-sidebar
-        .transcription
-            width: col(7)
-            margin-left: auto
+    @include media-breakpoint-up(desktop)
+        @include in-page-without-sidebar
+            .transcription
+                width: col(7)
+                margin-left: auto
     @include media-breakpoint-down(desktop)
         .video
             margin-left: half(-$grid-gutter-sm)

assets/sass/_theme/design-system/header.sass

@@ -63,6 +63,9 @@ body
 
     html.has-menu-opened &,
     html.has-offcanvas-opened &
+        overflow: hidden
+        height: 100%
+        min-height: -webkit-fill-available
         &::after
             display: block
             opacity: 1

assets/sass/_theme/design-system/nav.sass

@@ -12,7 +12,7 @@
         display: none
         flex-basis: 100vw
         margin-top: $spacing1
-        max-height: calc(100vh - var(--header-height) - #{$spacing1})
+        max-height: calc(100vh - var(--header-height) - #{$spacing4})
         overflow: auto
     a,
     a:focus,
@@ -54,9 +54,10 @@
             padding: $spacing1
             position: absolute
             max-height: calc(100vh - var(--header-height))
+            max-height: calc(-webkit-fill-available - var(--header-height))
             overflow: auto
         a
-            color: $header-dropdown-color 
+            color: $header-dropdown-color
             &:hover,
             &:focus
                 text-decoration-color: $header-dropdown-color