Make menu and logo side by side in dawn 5.0

Store Design
1

I was wondering if there’s any way to move the logo to the left of the header and the menu bar to the center (Instead of them being on top of eachother) in the Dawn 5.0 theme?

2

@Sennaflower

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

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hi @Sennaflower ,

First you need to select ‘Logo position on large screens’ as ‘Middle left’:

Screenshot.png
Screenshot.png535×608 21.9 KB

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

@media screen and (min-width: 990px) {
	.header--middle-left {
		grid-template-columns: auto 1fr auto !important;
	}
	.header--middle-left .list-menu {
		width: 100%;
		justify-content: center;
	}
}

Hope it helps!