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 {
    #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
// 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.