How To Move WordPress Admin Bar to the Bottom

How To Move WordPress Admin Bar to the Bottom

Spread The Love
 Plugins Reviews Move WordPress Admin Bar at Bottom

Move WordPress Admin Bar To Bottom:

As we all know, By default admin bar lies on the top position of our website, and stay there forever!Plugins Reviews move wordpress admin bar at bottom

If you don't like the default position of your admin bar which is on the top of your WordPress, you can change the position of admin bar with just a simple tweak.

you can move wordpress admin bar at bottom So, see the magic on your screen without any headache... 🙂 With just a bit CSS you can change it. .Just copy and paste this into your WordPress theme’s functions.php.

function wp_move_admin_bar() {
    echo '
    <style type="text/css">
    body { 
    margin-top: -28px;
    padding-bottom: 28px;
    }
    body.admin-bar #wphead {
       padding-top: 0;
    }
    body.admin-bar #footer {
       padding-bottom: 28px;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
    }
    #wpadminbar .quicklinks .menupop ul {
        bottom: 28px;
    }
    </style>';
}
// For Backend.
add_action( 'admin_head', 'wp_move_admin_bar' );
// For Frontend.
add_action( 'wp_head', 'wp_move_admin_bar' );
plugins reviews move admin bar to bottom
  • 13
    Shares

Dimple Sharma

Hey My name is Dimple Sharma from India and by Profession I am a Senior PHP Developer. I am working with WordPress CMS Technology from past two Years. And it's really great working with WordPress. Apart from this, I am a cook by hobby and I love to dance ( 2nd love of my life ;-) ).

Leave a Reply

Close Menu