diff --git a/dev/scss/theme/_navigation.scss b/dev/scss/theme/_navigation.scss
index 3f6fc802..48253c67 100644
--- a/dev/scss/theme/_navigation.scss
+++ b/dev/scss/theme/_navigation.scss
@@ -262,7 +262,7 @@ footer {
 	}
 }
 
-@media (min-width: variables.$screen-xs) and (max-width: 767px) {
+@media (min-width: variables.$screen-xs) and (max-width: variables.$screen-sm - variables.$screen-diff) {
 	.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) {
 
         .site-navigation {