Would you like to move the WordPress admin bar down?

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

How useful was this post?

Click on a smiley to rate it!

Average rating 5 / 5. Vote count: 1

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Skip to content