How can I adjust the max logo width in Dawn 12?

[ed_bb]

Hi,

Shopify has installed Dawn 12 but when going through the design before publishing I have lost some of my previous code changes & customisations.

Hoping someone can advise how to change Logo Max Width setting from standard 300 px to 400 px as I had it on my Dawn 11.

I’ve looked in header.liquid but can’t find a px reference to max logo width.

Thank you in advance.

[zaczee]

HI,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

.header__heading-logo-wrapper img { max-width: 300px; }

[Dan-From-Ryviu]

Hi @ed_bb

You can do that from Online store > Themes > Edit code > open settings_schema.json file, change 300 in this code to 400

{
    "name": "t:settings_schema.logo.name",
    "settings": [
      {
        "type": "image_picker",
        "id": "logo",
        "label": "t:settings_schema.logo.settings.logo_image.label"
      },
      {
        "type": "range",
        "id": "logo_width",
        "min": 50,
        "max": 300,
        "step": 10,
        "default": 100,
        "unit": "px",
        "label": "t:settings_schema.logo.settings.logo_width.label"
      },
      {
        "type": "image_picker",
        "id": "favicon",
        "label": "t:settings_schema.logo.settings.favicon.label",
        "info": "t:settings_schema.logo.settings.favicon.info"
      }
    ]
  },