Remove weird spacing above Admin bar when testing mobile view in browser

wp-remove-admin-spacing.txt

/* ADD THIS TO functions.php */

// REMOVE MARGIN FROM WP ADMIN BAR during mobile testing
add_theme_support( 'admin-bar', array( 'callback' => 'my_admin_bar_css') );
function my_admin_bar_css()
{
?>
<style type="text/css">	
  @media screen and (max-width: 600px) {
    html body { margin-top: 0 !important; }
    html { padding-top: 46px; }
  }
  @media screen and (min-width: 601px) {
    html { margin-top: 32px; }
  }
</style>
<?php
}