title: Adding widget area to top header
body: <p>I am trying to add a widget area in my current storefront theme. I used the code below but it puts the widget below my current top-header which is called secondary navigation. I used <a href="https://github.com/woothemes/storefront/blob/master/inc/storefront-template-hooks.php" rel="nofollow">these hooks</a> to make the code. </p>
  
  <p>When applied it makes a widget area below the secondary navigation but i need it to be inside the secondary navigation. Any help would be greatly appreciated.</p>
  
  <pre><code>// Adding the widget area.
  if (function_exists('register_sidebar')) {
      register_sidebar(array(
      'name' =&gt; 'Extra Header Widget Area',
      'id' =&gt; 'extra-widget-area',
      'description' =&gt; 'Extra widget area after the header',
      'before_widget' =&gt; '&lt;div class="widget my-extra-widget"&gt;',
      'after_widget' =&gt; '&lt;/div&gt;',
      'before_title' =&gt; '&lt;h2&gt;',
      'after_title' =&gt; '&lt;/h2&gt;'
      ));
  }
  
  
  // placing the widget
  add_action ('storefront_header', 'add_my_widget_area', 10);
  function add_my_widget_area() {
    if (function_exists('dynamic_sidebar')) {
      dynamic_sidebar('Extra Header Widget Area');
    }
  }
  </code></pre>