Moving Admin Bar to bottom

Posted on May 28th, 2011

The admin bar feature is new one introduces in WordPress 3.1. This is a small bar on the top where we can have a quick access to admin features.
WPEngineer show some tips how to move the admin bar from the top to bottom of the screen. You need to copy and paste this code and place it on your functions.php
Move the Admin Bar to the bottom Code

// move admin bar to bottom
functionfb_move_admin_bar() { ?>
<style type="text/css">
body {
margin-top: -28px;
padding-bottom: 28px;
body.admin-bar <a href=""class="tweet-hashtag">#wphead</a> {
padding-top: 0;
body.admin-bar <a href=""class="tweet-hashtag">#footer</a> {
padding-bottom: 28px;
<a href=""class="tweet-hashtag">#wpadminbar</a> {
top: auto !important;
bottom: 0;
<a href=""class="tweet-hashtag">#wpadminbar</a> .quicklinks .menupop ul {
bottom: 28px;
<?php }
// on backend area
add_action('admin_head', 'fb_move_admin_bar');
// on frontend area
add_action('wp_head', 'fb_move_admin_bar');