Storefront main Nav and basket

I am currently developing a site with woocommerce and storefront theme.

I wanted to place the main Nav where the secondary nav would be to the left of my logo.
However when I use the plugin align to righ of logo the shopping basket that I previously put display:none too returns back on screen.

Is there anyway I can get the main nav to the left of my website logo so its all in one line, this would make my header smaller.

I am planning on hosting the site with a blog, about and contact pages and having the store say coming soon so that the site is already live whilst I am adding content to the shop.

THanks

the first image is original header before I hid basket and search bar, these I will bring back when I have store finished.
second image is how I want it to look except I want nav to the left of my logo and not underneath it. as mentioned the plugin didn’t work as it made the basket come back