How can I modify the header layout on the Dawn theme?

Store Design
1

Screenshot 2022-05-18 124544.png
Screenshot 2022-05-18 124544.png1486×514 78.7 KB

Hello everyone, I am hoping someone may be able to assist. I am wanting to move our logo to the far left side while keeping the menu buttons in the center. I would also like to make the menu buttons centered with the logo and move the search tool to the right with the cart and log in. I am using the dawn theme. Would any of you know the coding I need to paste for this to happen?

Thank you in advance.

1 Like
2

@jewelpursell

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @jewelpursell ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
	.header--top-center {
		grid-template-areas: "heading left-icon icons" "navigation navigation navigation" !important;
		grid-template-columns: 1fr 1fr !important;
	}
	.header>.header__search {
		justify-self: end !important;
	}
	.header__heading {
		justify-self: left !important;
	}
}

Hope it helps!