Update mq.css (#2692)

karnrautela · ewdurbin · web-flow · commit 47e192cd2ed6 · 2025-02-07T10:14:58.000-05:00
* Update mq.css

Fix footer layout distortion on mobile devices

* Update mq.scss

* compile from scss rather than hand edit css

---------

Co-authored-by: Ee Durbin &lt;ewdurbin@gmail.com&gt;
diff --git a/static/sass/mq.css b/static/sass/mq.css
@@ -413,6 +413,9 @@ html[xmlns] .slides { display: block; }
     display: none;
     speak: none; }
 
+  .tier-1 {
+    position: static !important; }
+
   .slideshow {
     display: none; } }
 /* - - - Larger than 400px - - - */
diff --git a/static/sass/mq.scss b/static/sass/mq.scss
@@ -36,6 +36,9 @@
     body:after {
         @include javascript_tag( 'animatebody' ); 
     }
+     .tier-1 {
+        position: static !important;
+    }
     
     @include max_width_480(); 
 }
@@ -159,4 +162,4 @@
  * for IE10 Snap Mode on Metro
  */
 @-ms-viewport { width: device-width; }
-@viewport { width: device-width; }
+@viewport { width: device-width; }

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,9 @@`
`36`	`36`	`body:after {`
`37`	`37`	`@include javascript_tag( 'animatebody' );`
`38`	`38`	`}`
	`39`	`+ .tier-1 {`
	`40`	`+ position: static !important;`
	`41`	`+ }`
`39`	`42`
`40`	`43`	`@include max_width_480();`
`41`	`44`	`}`
`@@ -159,4 +162,4 @@`
`159`	`162`	`* for IE10 Snap Mode on Metro`
`160`	`163`	`*/`
`161`	`164`	`@-ms-viewport { width: device-width; }`
`162`		`-@viewport { width: device-width; }`
	`165`	`+@viewport { width: device-width; }`