How can I adjust the logo size limit on Dawn theme?

Store Design
1

Hello ! I would like to increase the size limit of my main logo, more than 250 px which is the maximum on the Dawn Theme

I would like to know the manipulation to change this value, to for example 500 px.

Or simply the location of the line of code to modify

For the mobile version because for the computer version I managed to change this alone, it was a number to change.
If it is a shopify partner could help me, thank you very much.

2

Hi @yoneru , if you are using the default dawn theme, values are already going to 500px. You should just change that value through customizer.

Also, to be sure, go to edit code > sections > header.liquid and see if you have this line of code:

class: 'header__heading-logo',
widths: '50, 100, 150, 200, 250, 300, 400, 500',

Also, ‘final’ height is calculated with aspect ratio, so maybe your logo doesn’t have an adequate aspect ration to begin with. Here is the calculation:

{%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%}

You can also find this code in header.liquid.

3

Hello @MarinaPetrovic , thank you for your help and your answer.

My item to enlarge the logo by shopify theme editing was always blocked at 250, until I changed this code :

"type": "range",
      "id": "logo_width",
      "min": 50,
      "max": 500,
      "step": 10,
      "default": 100,
      "unit": "t:sections.header.settings.logo_width.unit",
      "label": "t:sections.header.settings.logo_width.label"

Here I had to modify the value of “max” from 250 to 500

Since this change, the item that allows me to enlarge my logo on the Shopify theme editor can go up to 500 px, which was never the case before.

On the computer which makes perfectly well for my site, but only on computer. On mobile the logo does not enlarge beyond 250 px.

Thanks you for your help !