Add top header widget to Storefront

// =========================================================================
// ADD CUSTOM WIDGET - TOP HEADER
// =========================================================================
add_action( 'widgets_init', 'register_new_top_header' );

function register_new_top_header() {

  register_sidebar(array(
    'id' => 'top-header',
    'name' => __( 'Top Header', 'storefront' ),
    'description' => __( 'Top Header.', 'storefront' ),
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h4 class="widgettitle">',
    'after_title' => '</h4>',
  ));
}
// =========================================================================
// CREATE FUNCTION FOR TOP HEADER WIDGET 
// =========================================================================
function top_header_widget(){
    dynamic_sidebar('Top Header');
}
// =========================================================================
// HOOK THE WIDGET BEFORE HEADER
// =========================================================================
add_action( 'storefront_before_header', 'top_header_widget', 2 );