How can I move my header menu closer to the edge in Dawn theme?

[Settingsun]

Hello, I currently use the Dawn theme and have my header menu on the left side of my logo, and my account info/cart on the right side but I want both of them closer to the edge of the page. Is there a code that will allow this to happen? 

Here is what my website currently looks like: 

And here is what I want it to look like: 

 

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

header.header {
max-width: 100%!important;
}

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Settingsun]

Here is the URL:

https://risingsunarchive.com/

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

header.header {
max-width: 100%!important;
}

[Settingsun]

Worked like a charm! Thank you. The only issue now, the drop down menu needs to also move over to the new spot. It appears to drop down where it was previously placed, please help! 

 

[ZestardTech · Accepted solution]

Hello @Settingsun ,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.mega-menu__list.page-width.mega-menu__list--condensed {
    max-width: 100%!important;
}

[Settingsun]

You're my hero

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

[Angel95]

yes we have to apply some custom css for that

Please share the URL of your store

[Settingsun]

Thanks for the help, here is the URL: risingsunarchive.com