How do I enlarge the logo size on my header?

[rosielou96]

Hello, 

I have tried to increase the size of my logo but have been unsuccessful. The max logo height in pixels is 60. 

Can somebody please tell me what I add in the code to change this.

Thanks! 

Rosie

[made4Uo]

Hi @rosielou96,

If you can find the id: logo_max_height in the {% schema %}, you can change the "max", to whatever you want. Let me know if it works

[AvadaCommerce]

Hi @rosielou96 

Hope you are doing great!

To enlarge the logo size, please follow these steps to do that:

1. Login to your store 
2. Click Customize > Header 
3. There you can see "Custom logo width (in pixels)" just increase it to twice of current value and click save.

If it does not work, then you have to write the code yourself:

1. Login to your store
2. Click on Action > Edit HTML/CSS
3. Open the file theme.scss.liquid and at the bottom add this code

.site-header__logo-image img {

     max-width: 200px !important;

}

You can increase the value to 250 or 300 or whatever that you need.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

[rosielou96]

Hello,

Thanks for your help. Can you please clarify where at the bottom to add this code?

Thanks,

Rosie

[Graham256]

For Refresh @MarcH 2023, you need to replace the "300" in the code below:

edit code -> Config -> settings_schema.json

{

        "type": "range",

        "id": "logo_width",

        "min": 50,

        "max": 300,

        "step": 10,

        "default": 100,

        "unit": "px",

        "label": "t:settings_schema.logo.settings.logo_width.label"

[andywollen]

This worked perfectly for Desktop and is an elegant solution. Thank you!

[Inth]

thank you, works like a charm ❤️

[dreamworldeques]

That works perfectly for me in June , 2025

Thanks

[dreamworldeques]

please find attached here width of content.

Can you please advice how to extend that and brings equal to page width .

thank you

[chuck11101]

hello is there a similar way to enlarge my mobile logo , this works for desktop but my mobile logo is still pretty small. thank you