Admin Bar CSS left over after removal

Question

I am using the following code to remove the admin bar (client request).

add_filter( 'show_admin_bar', '__return_false' );

Trouble is, it leaves some autogenerating CSS, which places a massive white line at the top of my page in its place (via a 28px top margin rule). How can I turn this off as well?

Answer 1

To completely remove the Admin bar deregister the js and css using wp_degregister_script and remove the action.

if (!is_admin() && !current_user_can('add_users')){
    wp_deregister_script( 'admin-bar' );
    wp_deregister_style( 'admin-bar' );
    remove_action('wp_footer','wp_admin_bar_render',1000);
}

Answer 2

I think you added this filter too late (on init?), so that the initialization does happen, but the rest does not.

The three places that check show_admin_bar (via is_admin_bar_showing()) are:

• _wp_admin_bar_init(), called on init. This creates an instance of the WP_Admin_Bar class, which hooks into wp_head and adds the 28px margin at the top.
• get_body_class() adds the admin-bar class to the body tag (weird that this is not done by hooking into body_class?)
• wp_admin_bar_render() does the actual rendering. If you disable this but not the first one, you get an empty area at the top.

Because _wp_admin_bar_init() is called on init, you will be too late if you also add the show_admin_bar filter on init, unless you change the priority.

This will not render the admin bar, but still add the 28px margin:

add_filter( 'init', 'wpse13875_init' );
function wpse13875_init()
{
    add_filter( 'show_admin_bar', '__return_false' );
}

This will completely disable the admin bar, because it will be executed before _wp_admin_bar_init():

add_filter( 'init', 'wpse13875_init', 9 );
function wpse13875_init()
{
    add_filter( 'show_admin_bar', '__return_false' );
}

Answer 3

see this answer, was a complete solution including unload the scripts and styles. The hook remove the admin bar, but not the load of js and css.

Answer 4

Can't you just override the CSS - probably the easiest way - add a display: none to whatever the admin bar selector is