FP-862: Limit header resize prevent to wide screen

TACC · Jan 27, 2021 · b166386 · b166386
1 parent 9fb4161
commit b166386
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/taccsite_cms/static/site_cms/css/src/_imports/trumps/s-header.css b/taccsite_cms/static/site_cms/css/src/_imports/trumps/s-header.css
@@ -41,7 +41,7 @@ Styleguide Trumps.Scopes.Header
 
 /* Affiliation */
 
-/* (none) */
+/* SEE: taccsite_cms/static/site_cms/css/src/_imports/branding_logos.css */
 
 
 
@@ -62,10 +62,12 @@ Styleguide Trumps.Scopes.Header
 
 /* Navigation */
 
-.s-header {
-  /* This prevents nav bar resize when search bar is dynamically added */
-  /* CAVEAT: This is only for Portal and Docs which dynamically load content */
-  height: 50px;
+/* On wide viewport, prevent header resize from dynamic content */
+/* CAVEAT: This is only for Portal and Docs which dynamically load content */
+@media only screen and (min-width: 1201px) {
+  .s-header.navbar {
+    height: 50px;
+  }
 }
 
 .s-header.navbar {