How to make your logo bigger/smaller

1. Go to your Dashboard and click on Settings > Store Design.



2. Click on the </>-icon to access your shop's HTML and CSS code.



3. Scroll down and find the tag {{#logotype}} where you will find this section of code:

{{#logotype}}
<img src="{{url-1000}}" alt="{{store_name}}">
{{/logotype}}

Just change the number in {{url-1000}} to the desired width of the logotype. The available sizes are: 30, 40, 45, 50, 75, 100, 300, 500, 1000 and 2000. Use 2000 if you want to display the logo in the original file size.



4. Just click on "Save" and you're done!


Please note: If you're using one of the following themes, you will need to make one more change before you can make the logo bigger. But be sure to also make the changes described above in the tutorial!
 
(The row numbers below are based on the assumption that you have not yet made any customizations in the theme)

Sideways

1. Scroll down to row 150 and you will find max-height: 75px;
2. Change 75px to none and make sure the semicolon are still intact. 
3. Click save - done!

Highline

1. Scroll down to row 231 and you will find max-height: 100px;
2. Change 100px to none and make sure the semicolon are still intact. 
3. Click save - done!

Kurt

1. Scroll down to row 92 and you will find max-width: 275px;
2. Change 275px to none and make sure the semicolon are still intact. 
3. Click save - done!

Box Modern

1. Scroll down to row 267 and you will find width: 280px;
2. Change 280px to auto and make sure the semicolon are still intact. 
3. Click save - done!

 

Have more questions? Submit a request