How can I shift my navigation menu and logo on mobile in the Dawn theme?

Store Design
1
Show More

DA3A5551-621A-4E79-A4D6-A56BE1C77AB0.jpeg
DA3A5551-621A-4E79-A4D6-A56BE1C77AB0.jpeg1170×2532 108 KB

I am trying to move my Shopify navigation menu to the right side of the page by the search button and cart button , and move my logo to the left only on mobile for both, how do I do this? I am on dawn theme.

2

Hi,

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

Thank you.

3

@Haleemahc
Hello,
Can You Please Share Your Store URL…
If your site its password protected so Can Please Share Store URL and Password

4

https://sonofdavid.store/collections/frontpage

it is not password protected

5

Hi @Haleemahc ,

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

@media screen and (max-width: 989px) {
	.header {
		grid-template-areas: "heading left-icon icons" !important;
		grid-template-columns: 2fr 1fr 1fr !important;
	}
	header-drawer {
		justify-self: end !important;
	}
	.header__heading-link {
		justify-self: start !important;
	}
}

Hope it helps!