How can I increase the mobile logo size in the Dawn theme?

[morikins]

Hi! I’m working with Dawn and the mobile logo is SO tiny! I’ve tried a bunch of different customizations, to no avail.

I’ve been attempting modifications to the header.liquid beginning on line 332. I did change the image size to 300, but that doesn’t improve the mobile size:

{%- if section.settings.logo != blank -%} {%- assign image_size = 300 | append: 'x' -%} <img srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x" src="{{ section.settings.logo | img_url: image_size }}" loading="lazy" class="header__heading-logo" width="{{ section.settings.logo.width }}" height="{{ 350 }}" alt="{{ section.settings.logo.alt | default: shop.name | escape }}"

Any help is appreciated!

[Dirk]

Hey, @morikins

You can actually adjust the size of the logo without the need of code from within the theme customizer (Admin > Online Store > Themes > Customize > Header) by editing the ‘logo width’ in your header settings

From the editor, you can preview what the logo size will look like on both mobile and desktop. If there is anything else I can help you with, please let me know.

[morikins]

Yup, I have it maximized in the theme settings and I also increased the size in the liquid (in my original post). I’d like a responsive logo size for mobile, similar to how Narrative handles this.

[morikins]

Forgot to tag @Dirk

[timothy987]

I have same the problem. Any fixes please?

This certainly looks unprofessional on my website with such a tiny logo.

[Dirk]

Hey, @morikins @timothy987

How much padding/white space do you have around your logo image file? Could you share it here, please?

[morikins]

@dirk

tried a variety of iterations of my logo. What I’d prefer is the responsiveness that my website has with the Narrative theme that is active now. https://maggieaustincake.com/

In the Narrative theme, the logo scales up in the mobile media screen.

[Dirk]

Gotcha, I can see that the logo does have padding around the perimeter of the text. Cropping the photo to be exactly around the text without the white space will allow your logo text to scale up as you increase the logo width slider in the theme editor. Giving it a larger appearance.

With that said, if you are looking to alter the way the Dawn theme responds to logos, more similar to Narrative, this would require some coding changes. In that case, you can use our Shopify experts directory to find and hire a developer to make these coding changes on your behalf.

If there is anything else I can help you with, please let me know.

[SanDee222]

I am having the same issue too and I know some code. However, no amount of code I add allows my header to be larger. I don’t have any issues with going into the code to change what I need. Do you know how we can fix this?

[FCT]

I used 2000x580 px and then set width to max which is 250 px. Image fit great, and resolution is great too.

[sophia8]

[sophia8]

I think I may have solved it. Thanks