When your website means business.

CSS, Custom Admin, Users | Type: CSSMove WordPress Admin Bar to Bottom

Move admin bar to bottom to get it out of the way of menus at top on fixed heads.

function fb_move_admin_bar() {
    echo '<style type="text/css">
     body.admin-bar {
        margin-top: -32px;
        padding-bottom: 32px;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
    }
    #wpadminbar .quicklinks>ul>li {
        position:relative;
    }
    #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
        bottom:32px;
    }
    </style>';
}
// on backend area
//if ( is_admin_bar_showing() )
//{add_action( 'admin_head', 'fb_move_admin_bar' );}
// on frontend area
if ( is_admin_bar_showing() )
{add_action( 'wp_head', 'fb_move_admin_bar' );}

Reference Links

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept