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

Click to rate this post!
[Total: 1 Average: 5]

Leave a Comment

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

Scroll to Top Skip to content