Skip to:
Content

BuddyPress.org

Changes between Initial Version and Version 1 of Ticket #5312, comment 1


Ignore:
Timestamp:
12/25/2013 11:31:24 PM (13 years ago)
Author:
undergroundnetwork

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #5312, comment 1

    initial v1  
    55In the Wordpress core file: '''wp-includes/css/admin-bar.css''' move lines 1040-1043
    66
    7 `       #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
     7{{{
     8        #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
    89                right: 0;
    910                left: auto;
    1011        }
    11 `
     12}}}
     13
    1214out of the '''@media screen and ( max-width: 782px ) {''' area and place them in the '''@media screen and (max-width: 600px) {''' area.
    1315
    … …  
    1517'''@media screen and (max-width: 600px) {''' so you end up with:
    1618
    17 `
     19
     20{{{
    1821@media screen and (max-width: 600px) {
    1922        #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
    … …  
    2124                left: auto;
    2225        }
    23 `
     26}}}
     27
    2428
    2529This should also be done in the minified version of the same css file.
    … …  
    2832
    2933Search for:
    30 '#wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper{right:0;left:auto}'
     34
     35{{{
     36#wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper{right:0;left:auto}
     37}}}
     38
    3139
    3240cut it out and place it right after
    33 '@media screen and (max-width: 600px) {'
     41@media screen and (max-width: 600px) {
    3442
    3543so you end up with:
    36 '@media screen and (max-width: 600px) {#wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper{right:0;left:auto}'
     44
     45{{{
     46@media screen and (max-width: 600px) {#wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper{right:0;left:auto}
     47}}}
     48
    3749
    3850That fixes the issue in the Wordpress admin css.
    … …  
    4254Place the following at the tail end of your theme's style.css:
    4355
    44 `
     56
     57
     58{{{
    4559@media (min-width: 601px)
    4660{
    … …  
    5165        }
    5266}
    53 `
     67}}}
     68