How do I make the site logo width more than 250px? (Dawn theme)

Store Design
1

I can’t figure out how to increase the logo size on my website to be bigger than the default maximum (250px wide).

If anyone could help that would be great, thanks!

1 Like
2

Hi @XY ,

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

So that we can help you.

Thank you.

3

@XY

can you please share header code

4

I’ve figured it out! Here’s my solution:

  1. From the Shopify Admin panel, go to ‘Online Store’ > ‘Actions’ > ‘Edit code’
  2. From the ‘Sections’ folder, open the file ‘header.liquid’
  3. Go to line 703 which should say: “max”: 250,
  4. Change ‘250’ to your desired maximum header width in pixels, e.g. ‘500’
  5. Save ‘header.liquid’ and refresh your online store
2 Likes
5

I tried the instructions listed step by step and no change happened after I saved and refresh my page??

6

The above solution works he simply forgot the mention that after you change the setting’s maximum number you then go change your logo size accordingly in > customize theme > Header - Custom logo width.

You’ll see that the maximum logo size allowed has increased.

Screen Shot 2566-02-04 at 01.28.20.png
Screen Shot 2566-02-04 at 01.28.20.png592×820 27.4 KB

2 Likes
7

Hi XY! I have a modified Dawn theme that I’m using. Can you tell me the code I should be searching for to change the max instead of just the line number please? TIA!

8

Hey man, if you are using version 9 of Dawn. Here’s a solution that worked for me. Read it here:

https://community.shopify.com/c/shopify-design/increase-logo-size-dawn-theme/td-p/2021733

1 Like
9

Legend!

10

If you are using Dawn version 15.2.0, you will need to open the settings_schema.json file, and change line 22 from 300 to whatever value you like.

So, I had to change:

{
“type”: “range”,
“id”: “logo_width”,
“min”: 50,
“max”: 300,
“step”: 10,
“default”: 100,
“unit”: “px”,
“label”: “t:settings_schema.logo.settings.logo_width.label”
},

To:

{
“type”: “range”,
“id”: “logo_width”,
“min”: 50,
“max”: 900,
“step”: 10,
“default”: 100,
“unit”: “px”,
“label”: “t:settings_schema.logo.settings.logo_width.label”
},

After saving that, go into Theme Settings | Logo, and you will now be able to increase the width in field “Desktop logo width” to whatever you saved. Hope this helps, because it took me hours to work this out.