See what I can think of to do and admire my power to customize the WordPress admin bar. So yesterday I had a crazy idea: Remove it from its powerful dominant position, on top of everything else, and humiliate it at the bottom of WordPress.

Are you up for it?
Add this code to the end of your functions.php file of the active theme or to your favorite plugin with which you customize your stuff:
/* Move admin bar below */
function admin_bar_down() { ?>
<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>
<?php }
// in admin
add_action( 'admin_head', 'admin_bar_down' );
// in frontend
add_action( 'wp_head', 'admin_bar_down' );
Code language: JavaScript (javascript)
Save the changes and reload the WordPress desktop to see if there have been any changes.
You will pass from our well known top admin bar…

To this one…

Read this post in Spanish: Cómo mover abajo la barra de admin de WordPress