How can I adjust my website's header to full width on the Dawn theme?

[kitchencrafted]

Hello! I’ve been looking for a solution for this problem for a very long time and can’t seem to fix it to my liking. I’d like to make the header on my website full width & a bit smaller. I will provide you with pictures of the header on my website and also I will upload a picture of how I want my header to be. I’d really appreciate it if someone can fix this problem of mine. The first picture is my current header and the second one would be how I want my header to sit. Thank you in advance to any codes you provide to help me!

My website: https://prestigestraps.com

Password: asd321

The website I used for reference: https://seven7watches.com

[Moeed]

Hey @kitchencrafted

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above tag.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

Hi, @kitchencrafted .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social {
    overflow: hidden;
    max-width: 100%;
    padding: 0 10px !important;
}

.header__menu-item {
    font-size: 12px;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!