Header Layout design

Godday ;-) This my first website using Wordpress. Im using the Storefront theme from woocommerce, and i can't figure out how to edit the header menu, right now it's just a mess i would like it to look something like the top part of woothemes menu: http://ift.tt/1yQfCIv

Where everything is aline, but how do i get the logo and the search bar at the same line as the menu ? My url http://ift.tt/1vATdj3

hope someone can help me :-) Thanks