Move logo and menu to far left (header) - Dawn Theme

[mostafamoussa]

Hi Everyone,
how do i get the logo and menu to be on the far left on the header? More specifically I would like the logo and menu on https://prettylittlepeachez.myshopify.com/collections/all to look exactly like the menu and logo on https://plpeaches.wpengine.com/ 

The way i want it: (https://plpeaches.wpengine.com/ )

The way it currently is: (https://prettylittlepeachez.myshopify.com/collections/all )

I am using the Dawn theme on Shopify, can anyone provide code that will do this? Thanks in advance

 

[suyash1 · Accepted solution]

@mostafamoussa - please add this css to the very end of your base.css file and check, should be like screenshot below

@media screen and (min-width: 990px){
.header{margin-left: 0; margin-right: 0; width: 100%; max-width: 100%;}
}

[mostafamoussa]

Thank you! Worked perfect

[Malakush]

Worked perfectly. Best solution out there. Thank you. 

[shilpa_etsy]

and if I want the logo on extreme left and menu in center then ?

[dmwwebartisan]

@mostafamoussa 

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 750px){
.header.page-width {
    padding: 0 5rem;
    max-width: 100% !important;
}
}

Thanks!