Home / admin / Move the admin bar to the bottom
  • How to Move the admin bar to the bottom

    move-the-admin-bar-to-the-bottom

    Adding this snippet to the functions.php of your wordpress theme will move the admin bar to the bottom of the browser window. I’m not sure about you but this helps me hate the admin bar just a little bit less.

    ( click code to copy )

    wordpress snippet : PHP

    <>
        function 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>';
        }
        add_action( 'wp_head', 'move_admin_bar' );
    

    ( WordPress codex functions, hooks, in this snippet. )

    wp_head, add_action, wp,
  • I really like my Admin Bar at the bottom.
    Currently, I only have it for Admin – I don’t have it on the public site.
    However, the body margin:-28px affects my entire website, even when there’s no Admin bar present – even when not logged in as Admin.
    There should be some conditional like “if Admin Bar is present, CODE”
    Thanks.

    • Hi Cliff, if you look at the header of the site even when the admin bar is not visible you will see css. See this snippet

      http://wpsnipp.com/index.php/functions-php/disable-the-new-admin-bar/

      If you do this on a user level or ” if ( !current_user_can(‘author’)){ ” type of thing this should fix things for you.

      • I did a quick fix like that. Didn’t know if you had anything special up your sleeve. Thanks.

      • I did a quick fix like that. Didn’t know if you had anything special up your sleeve. Thanks.

  • I liked the admin bar at the bottom, but it’s no longer working properly. Maybe from WP version upgrades or something. But now the bar is at the bottom but the flyout menus go down instead of up – so now I can’t see anything except the first option. I just took it off for now, but I wanted to let you know. Thanks.

    • ┬áHi Cliff, ill take a look at it and update the snippet.