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

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:

1 Like

Hello There,

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

yes we have to apply some custom css for that

Please share the URL of your store

Here is the URL:

https://risingsunarchive.com/

1 Like

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

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;
}

1 Like

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!

1 Like

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;
}

1 Like

You’re my hero

1 Like

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.

1 Like