diff --git a/templates/protostar/css/template.css b/templates/protostar/css/template.css
index 428bb13ae8f5d..d77121be9d34b 100644
--- a/templates/protostar/css/template.css
+++ b/templates/protostar/css/template.css
@@ -7407,6 +7407,13 @@ figcaption {
 		padding: 10px;
 	}
 }
+@media (max-width: 979px) {
+	.nav-collapse.in.collapse {
+		overflow: visible;
+		height: 0;
+		z-index: 100;
+	}
+}
 @media (min-width: 768px) and (max-width: 979px) {
 	#login-form .input-small {
 		width: 62px;
diff --git a/templates/protostar/less/template.less b/templates/protostar/less/template.less
index 155c8627da3a7..8e5b609275a56 100644
--- a/templates/protostar/less/template.less
+++ b/templates/protostar/less/template.less
@@ -518,6 +518,13 @@ figcaption {
 		padding: 10px;
 	}
 }
+@media (max-width: 979px) {
+	.nav-collapse.in.collapse {
+		overflow: visible;
+		height: 0;
+		z-index: 100;
+	}
+}
 @media (min-width: 768px) and (max-width: 979px) {
 	#login-form .input-small {
 		width: 62px;