Changeset 1260

Timestamp:

02/16/2015 09:40:38 PM (10 years ago)

Author:

johnjamesjacoby

Message:

BuddyPress.org: Reorder @media queries and force widths for desktop sizes. See #691.

Location:

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base

Files:

• functions.php (modified) (1 diff)
• style.css (modified) (2 diffs)

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/functions.php

@@ -34 +34 @@
 
     // Version of CSS
-    $version = '20150216a';
+    $version = '20150216b';
 
     // Base theme styling

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

@@ -54 +54 @@
     top: 0;
     opacity: 0.95;
-}
-
-@media screen and ( max-width: 782px ) {
-    #header {
-        top: 46px;
-        z-index: 0;
-        position: absolute;
-    }
-}
-
-@media only screen 
-    and ( min-device-width : 240px ) 
-    and ( max-device-width : 860px ) {
-    #header-inner {
-        height: 140px;
-        margin: 0 auto;
-        padding: 0;
-        width: 100%;
-    }
 }
 
@@ -1529 +1510 @@
     right: 20px;
 }
+
+/* =Responsive Overrides
+-------------------------------------------------------------- */
+
+/* Do not fix #header for non-desktops */
+@media screen and ( max-width: 782px ) {
+    #header {
+        top: 46px;
+        z-index: 0;
+        position: absolute;
+    }
+}
+
+/* Force widths for desktops */
+@media screen and ( max-width: 960px )  {
+    #header-inner {
+        width: 960px;
+    }
+    #headline-inner {
+        width: 960px;
+    }
+    #subnav-inner {
+        width: 960px;
+    }
+    #showcase-inner {
+        width: 960px;
+    }
+    #footer {
+        width: 960px;
+    }
+}
+
+/* Bump #header-inner height on mobile to support stacked elements */
+@media screen and ( max-width: 460px ) {
+    #header-inner {
+        height: 140px;
+        margin: 0 auto;
+        padding: 0;
+        width: 100%;
+    }
+}