Make logo header on Dawn theme landing page header larger than the maxium px size

Solved

Make logo header on Dawn theme landing page header larger than the maxium px size

0scar
Tourist
10 0 2

I would like to make the header logo on the Dawn theme landing page larger than the maximum size available in the standard template (I'd like my logo to be very oversized). Can anyone help me out with some custom code? thankyou!

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6827 1630 2009

This is an accepted solution.

Hi @0scar

 

You can adjust the default logo width by editing the code.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Config" folder, click on "settings_schema.json" file

Look for the code highlighted in the image below and edit the code. 

Adjust the min and max. Make sure your default is within the min and max

 

Example code below.

      {
        "type": "range",
        "id": "logo_width",
        "min": 500,
        "max": 2000,
        "step": 10,
        "default": 1000,
        "unit": "px",
        "label": "t:settings_schema.logo.settings.logo_width.label"
      },

 

Made4uoRibe_0-1719111837620.png

 

If this fixed your issue, please Likes and Accept as Solution. Thank you

 

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.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6827 1630 2009

This is an accepted solution.

Hi @0scar

 

You can adjust the default logo width by editing the code.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Config" folder, click on "settings_schema.json" file

Look for the code highlighted in the image below and edit the code. 

Adjust the min and max. Make sure your default is within the min and max

 

Example code below.

      {
        "type": "range",
        "id": "logo_width",
        "min": 500,
        "max": 2000,
        "step": 10,
        "default": 1000,
        "unit": "px",
        "label": "t:settings_schema.logo.settings.logo_width.label"
      },

 

Made4uoRibe_0-1719111837620.png

 

If this fixed your issue, please Likes and Accept as Solution. Thank you

 

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.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

BSS-TekLabs
Shopify Expert
452 145 158

- Here is the solution for you
- Please follow these steps:

step.png


- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it. 

@media screen and (min-width: 990px) {
.header__heading-logo-wrapper {
     width: 420px !important;
    max-width: 100% !important;
}
}

- If you want it to be larger, increase 420 to a bigger number, and vice versa.

- Here is the result you will achieve:

BSSTekLabs_0-1719112616744.png

BSSTekLabs_1-1719112669158.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency