Solved

How to make logo scale to fit properly on mobile? Dawn V11.

daved1234
Explorer
63 6 15

How to make logo scale to fit properly on mobile? Dawn V11.

Kooks good on desktop but not mobile!

daved1234_0-1691353698029.png

My site:
https://ec6bc3-2.myshopify.com/
PW
eawhup

Accepted Solutions (2)
Artzen_tech
Shopify Partner
536 107 107

This is an accepted solution.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file. 

 

@media (max-width: 767px){
	.header-wrapper header.header {
		padding-top: 20px;
	}
	h1.header__heading {
		margin-left: 0!important;
	}
	a.header__heading-link.link.link--text {
		margin-left: 0!important;
	}
	.header__inline-menu {
		top: -6px;
	}
}

    If this does not work try this also           

               OR

Paste this theme.liquid before </body> tag

<style>
@media (max-width: 767px){
	.header-wrapper header.header {
		padding-top: 20px;
	}
	h1.header__heading {
		margin-left: 0!important;
	}
	a.header__heading-link.link.link--text {
		margin-left: 0!important;
	}
	.header__inline-menu {
		top: -6px;
	}
}
</style>

 

your header look like that

Artzen_tech_0-1691554632078.png

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

daved1234
Explorer
63 6 15

This is an accepted solution.

Thank you! That worked!

View solution in original post

Replies 5 (5)

Artzen_tech
Shopify Partner
536 107 107
Hello @daved1234 

Its Artzen Technologies! We will be happy to help you today.

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

@media (max-width: 767px){
	.header-wrapper header.header {
		padding: 10px 20px;
	}
	.header__icon svg.icon.icon-hamburger {
		display: block !important;
	}
	h1.header__heading {
		margin-left: 0px !important;
	}
	nav.header__inline-menu {
		display: none !important;
	}
	.header__icons details-modal.header__search {
		display: block !important;
	}
}

 

 

Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

daved1234
Explorer
63 6 15

Hello!

Thank you for your support! Unfortunately, that didn't work. I pasted the code to the bottom of the base.css. It also add a hamburger menu which I do not want.

daved1234_0-1691520868971.png

 

 

Artzen_tech
Shopify Partner
536 107 107

This is an accepted solution.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file. 

 

@media (max-width: 767px){
	.header-wrapper header.header {
		padding-top: 20px;
	}
	h1.header__heading {
		margin-left: 0!important;
	}
	a.header__heading-link.link.link--text {
		margin-left: 0!important;
	}
	.header__inline-menu {
		top: -6px;
	}
}

    If this does not work try this also           

               OR

Paste this theme.liquid before </body> tag

<style>
@media (max-width: 767px){
	.header-wrapper header.header {
		padding-top: 20px;
	}
	h1.header__heading {
		margin-left: 0!important;
	}
	a.header__heading-link.link.link--text {
		margin-left: 0!important;
	}
	.header__inline-menu {
		top: -6px;
	}
}
</style>

 

your header look like that

Artzen_tech_0-1691554632078.png

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
daved1234
Explorer
63 6 15

This is an accepted solution.

Thank you! That worked!

Artzen_tech
Shopify Partner
536 107 107

Please accept my solution not your reply

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify