Remove WP Admin Bar CSS from your Theme

The admin bar pushes your html document down 28px when a wordpress user is logged in. This may cause some theme errors when using absolute positioning, etc. Here are some fixes to remove the default screen css that gets printed on your index page by WordPress.

To Remove the Admin Bar CSS:

function my_filter_head() {remove_action('wp_head', '_admin_bar_bump_cb');}
add_action('admin_bar_init', 'my_filter_head');

1 2	function my_filter_head() {remove_action('wp_head', '_admin_bar_bump_cb');} add_action('admin_bar_init', 'my_filter_head');

To Remove the Admin Bar from the frontend completely:

function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

1 2	function my_function_admin_bar(){ return false; } add_filter( 'show_admin_bar' , 'my_function_admin_bar');

Share this: