Storefront Edge theme, add Search box to the top of the page

The Storefront themes Edge theme lacks a integrated search box which means you have to add search via a widget. This makes Edge users a little envious of the other themes. So lets soothe those egos.

The PHP

You will need to add a couple of lines to header.php which you will find in the Edge theme folder. This is easy if you have never done it, jump in and a give it a try. There are tips and free tools listed at the end of this post.
Line numbers are based on Edge theme version 1.1.2, you should have no trouble finding the code in other versions. This edit is quite easy, you could probably find the lines in header.php by going to Appearance/Editor and opening the file there. You will not have line numbers but it is easy to find that “End of Cart Tab” line.

Find the first and last lines of code shown below around line 82. In between add the highlighted lines

<!-- ========== End of Cart Tab =========== -->
    <div class="navsearch">
				<?php get_search_form(); ?>
				</div>
<div class="clear"></div><!-- CLEAR -->

File download

Now download and unzip this PHP file and add it to the Edge theme folder.

CSS

You will also need to add some css so search sits up at the top near the checkout tab. You can add more to style it as you wish. Just put this in the Storefront Options Panel/Style Tab Custom CSS box and save.

.navsearch {
     padding: 3px 0px;
     position: absolute;
     right: 280px;
}

#s.field{
     line-height: 1.3em;
     padding: 6px;
}