WordPress.org

Making WordPress.org

Changeset 1260


Ignore:
Timestamp:
02/16/2015 09:40:38 PM (6 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:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/functions.php

    r1259 r1260  
    3434
    3535    // Version of CSS
    36     $version = '20150216a';
     36    $version = '20150216b';
    3737
    3838    // Base theme styling
  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

    r1259 r1260  
    5454    top: 0;
    5555    opacity: 0.95;
    56 }
    57 
    58 @media screen and ( max-width: 782px ) {
    59     #header {
    60         top: 46px;
    61         z-index: 0;
    62         position: absolute;
    63     }
    64 }
    65 
    66 @media only screen
    67     and ( min-device-width : 240px )
    68     and ( max-device-width : 860px ) {
    69     #header-inner {
    70         height: 140px;
    71         margin: 0 auto;
    72         padding: 0;
    73         width: 100%;
    74     }
    7556}
    7657
     
    15291510    right: 20px;
    15301511}
     1512
     1513/* =Responsive Overrides
     1514-------------------------------------------------------------- */
     1515
     1516/* Do not fix #header for non-desktops */
     1517@media screen and ( max-width: 782px ) {
     1518    #header {
     1519        top: 46px;
     1520        z-index: 0;
     1521        position: absolute;
     1522    }
     1523}
     1524
     1525/* Force widths for desktops */
     1526@media screen and ( max-width: 960px )  {
     1527    #header-inner {
     1528        width: 960px;
     1529    }
     1530    #headline-inner {
     1531        width: 960px;
     1532    }
     1533    #subnav-inner {
     1534        width: 960px;
     1535    }
     1536    #showcase-inner {
     1537        width: 960px;
     1538    }
     1539    #footer {
     1540        width: 960px;
     1541    }
     1542}
     1543
     1544/* Bump #header-inner height on mobile to support stacked elements */
     1545@media screen and ( max-width: 460px ) {
     1546    #header-inner {
     1547        height: 140px;
     1548        margin: 0 auto;
     1549        padding: 0;
     1550        width: 100%;
     1551    }
     1552}
Note: See TracChangeset for help on using the changeset viewer.