reduced the height of the menu container on mobile

skatepark/assets/theme.css

@@ -562,6 +562,13 @@ header.wp-block-template-part > .wp-block-group > * > * {
 	margin-bottom: calc( 0.5 * var(--wp--custom--margin--vertical));
 }
 
+@media (max-width: 599px) {
+	header.wp-block-template-part > .wp-block-group > * > * {
+		margin-top: calc( 0.125 * var(--wp--custom--margin--vertical));
+		margin-bottom: calc( 0.125 * var(--wp--custom--margin--vertical));
+	}
+}
+
 header.wp-block-template-part > .wp-block-group .wp-block-social-links.is-style-logos-only {
 	margin-right: calc( -1 * ( 8px + 0.25em ));
 }

skatepark/sass/templates/_header.scss

@@ -12,6 +12,10 @@ header.wp-block-template-part {
 			> * { // Apply a stack layout (page 69 of the every-layout.dev PDF) 
 				margin-top: calc( 0.5 * var(--wp--custom--margin--vertical) );
 				margin-bottom: calc( 0.5 * var(--wp--custom--margin--vertical) );
+				@include break-small-only(){
+					margin-top: calc( 0.125 * var(--wp--custom--margin--vertical) );
+					margin-bottom: calc( 0.125 * var(--wp--custom--margin--vertical) );
+				}
 			}
 		}