Saturday, July 27, 2013

How to Move WordPress Admin Bar to the Bottom (WordPress 3.3)

Add all the code to your functions.php file of your current WordPress theme
function fb_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>';
}
// in backend area
add_action( 'admin_head', 'fb_move_admin_bar' );
// in frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );


Disqus Comments