How to move Wp Admin Bar

How to move Wp Admin Bar

This is a cool snipped, using this code you’ll be able to move at the bottom the newest wordpress admin bar (i hate), just apply code in your function.php

function wpc_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', 'wpc_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'wpc_move_admin_bar' );


Blogger, Trainee Lawyer and Wordpress Lover, and Yes, Owner :D

You may also like...

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>