Merge pull request #2619 from darkwing/zone-image-mobile-more

Ensure zone image doesn't overlap title on mobile
mdn · Aug 12, 2014 · 41dff23 · 41dff23
2 parents 154b973 + 4302830
commit 41dff23
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/media/redesign/stylus/zones.styl b/media/redesign/stylus/zones.styl
@@ -285,15 +285,23 @@ $dev-program-pad {
                 position: static;
             }
         }
+    }
 
-        .zone-image {
-            opacity: 0.2;
-        }
+    .zone-landing-header .zone-image, .zone-article-header .zone-image {
+        opacity: 0.2;
     }
 }
 
 @media $media-query-mobile {
-    .zone-landing-header .zone-image {
+    .zone-landing-header .zone-image, .zone-article-header .zone-image {
         display: none;
     }
+
+    .zone-landing h1 {
+        width: auto;
+    }
+
+    .zone-landing-header {
+        display: block;
+    }
 }