Wordpress: Genesis, create a “Top Bar” Widget Area Above Header

add-top-widget-area.php

/** Register TOP Bar Widget Areas. */
genesis_register_sidebar( array(
 'id' => 'top-bar-left',
 'name' => __( 'Top Bar Left', 'my-theme' ),
 'description' => __( 'This is the left TOP bar above the header.', 'sinergica-theme' ),
) );
genesis_register_sidebar( array(
 'id' => 'top-bar-right',
 'name' => __( 'Top Bar Right', 'my-theme' ),
 'description' => __( 'This is the right TOP bar above the header.', 'sinergica-theme' ),
) );

insert-theme-widget.php

/* Insert/Add Top Bar into theme */
add_action( 'genesis_before_header', 'top_bar' );
function top_bar() {

 echo '<div class="top-bar"><div class="wrap">';

 genesis_widget_area( 'top-bar-left', array(
 'before' => '<div class="top-bar-left">',
 'after' => '</div>',
 ) );

 genesis_widget_area( 'top-bar-right', array(
 'before' => '<div class="top-bar-right">',
 'after' => '</div>',
 ) );

 echo '</div></div>';

}

top-bar-fixed.css

/* Top Bar
--------------------------------------------- */
.top-bar {
 background-color: #333;
 border-bottom: 0px solid #ddd;
 color: #ddd;
 font-size: 12px;
 font-size: 1.2rem;
 padding: 10px 0;
 padding: 1rem;
 /* Fixed Options */
 z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;
}
.top-bar a {
 color: #ccff33;
}
.top-bar a:hover {
 text-decoration: underline;
}
.top-bar-left,
.top-bar-right {
 width: 50%;
}
.top-bar-left p,
.top-bar-right p {
 margin-bottom: 0;
}
.top-bar-left {
 float: left;
}
.top-bar-right {
 float: right;
 text-align: right;
}
.top-bar input[type="search"] {
 background: inherit;
 padding: 10px 0 0;
 padding: 1.0rem 0 0;
}

top-bar.css

/* Top Bar
--------------------------------------------- */
.top-bar {
 background-color: #333;
 border-bottom: 0px solid #ddd;
 color: #ddd;
 font-size: 12px;
 font-size: 1.2rem;
 padding: 10px 0;
 padding: 1rem;
}
.top-bar a {
 color: #ccff33;
}
.top-bar a:hover {
 text-decoration: underline;
}
.top-bar-left,
.top-bar-right {
 width: 50%;
}
.top-bar-left p,
.top-bar-right p {
 margin-bottom: 0;
}
.top-bar-left {
 float: left;
}
.top-bar-right {
 float: right;
 text-align: right;
}
.top-bar input[type="search"] {
 background: inherit;
 padding: 10px 0 0;
 padding: 1.0rem 0 0;
}