diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d11990f..c49bfeb 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -14,6 +14,7 @@
 </head>
 <body>
 	<input class="show-hide-menu-input" style="display:none;" autocomplete="off" type="checkbox" id="toggle-1">
+	<label class="overlay" for="toggle-1"></label>
 	<div class="main">
 		<div class="header">
 			<div class="header-content">
@@ -31,7 +32,6 @@
 							<img class="color-adapting-image" width="30" src="{{ "images/hamburger.svg" | relURL }}" alt="menu button">
 						</label>
 					</div>
-					<label class="overlay" for="toggle-1"></label>
 {{- if .Site.Menus.main }}
 					<div class="dont-show">
 						<p>
diff --git a/static/css/styles.css b/static/css/styles.css
index 17f4155..e29f33c 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -526,7 +526,7 @@ body {
 		transition: all 0.3s;
 	}
 
-	.show-hide-menu-input:checked ~ .main .overlay {
+	.show-hide-menu-input:checked ~ .overlay {
 		visibility: visible;
 		opacity: 1;
 		transition: opacity 0.3s;
