How to enlarge logo size in Dawn theme?

Solved

How to enlarge logo size in Dawn theme?

hasanali1
Shopify Partner
126 5 15

i have tried this code to increase my logo, but it doesn't seem to be working

 

.header__heading-logo {
max-width: 400px;
}
hasanali1_0-1681137383640.png

 

any help is appreciated ! 

 

https://marthajewelry.myshopify.com/

password - test

 

Accepted Solution (1)

made4Uo
Shopify Partner
3845 717 1188

This is an accepted solution.

Hi @hasanali1,

 

I see you have Dawn version 8.0, you can change the max-width of your logo by following the instructions below. 

 

1. From the Admin page, go to Online store > Theme > Click the three dots > Edit code
2. Open the settings_schema.json file under the Config folder
3. Change the "max" to 500. See image below. Make sure to SAVE

 

made4Uo_0-1681140581716.png

 

You should see the option to adjust your logo width to 400 in the theme editor. 

1. From the Admin page, go to Online store > Theme > Customize
2. Change the "max" to 500. See image below. Make sure to SAVE

 

made4Uo_1-1681140905258.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 8 (8)

made4Uo
Shopify Partner
3845 717 1188

This is an accepted solution.

Hi @hasanali1,

 

I see you have Dawn version 8.0, you can change the max-width of your logo by following the instructions below. 

 

1. From the Admin page, go to Online store > Theme > Click the three dots > Edit code
2. Open the settings_schema.json file under the Config folder
3. Change the "max" to 500. See image below. Make sure to SAVE

 

made4Uo_0-1681140581716.png

 

You should see the option to adjust your logo width to 400 in the theme editor. 

1. From the Admin page, go to Online store > Theme > Customize
2. Change the "max" to 500. See image below. Make sure to SAVE

 

made4Uo_1-1681140905258.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
jasondane
Excursionist
36 0 11

This works for version 9 of Dawn. Thanks!

DSS5
Explorer
77 0 24

Hi mate, it is only for desktop view (working great) but in mobile, logo still the same. how can i increase size of logo in mobile view? any suggestion. 

lyoung94
Excursionist
11 0 4

I have same thing, but my logo changed to big to match desktop, i want it smaller on mobile

Nitz11
Visitor
2 0 0

Hey

I am facing the same problem?

Were you able to find a solution to inc the logo size on mobile version?

lyoung94
Excursionist
11 0 4
HBEE63
Tourist
11 0 1

I used this for the Sense theme and works perfectly! Thank you!!!

SCI_Containers
Tourist
5 0 1

Thanks! Worked great! 😍