Change logo image on different pages

You can inject this code onto the page you want to change the logo:

<script>
 window.onload = function() {
   document.getElementsByClassName('Header-branding-logo')[0].src = 'URL_TO_IMAGE';  
 };
</script>

If you don't want to host the image yourself, you can upload the logo to Squarespace, grab its url, then change the logo to the default one that you want. Then you'll have a url to the Squarespace logo url that you want to inject above, in the form '//static1.squarespace.com/static/ID/t/ID/ID/'.

Do you know how to make this work on the Carson Template? I tried a different piece of code but doesn't give me a nice result (image is way too big and blurry when downscaled).

Thanks!

page https://mattvs.squarespace.com/matthijswebsite https://mattvs.co

Mattvs, this one works for me on Carson.

 <script>
  $(function() {$('#siteHeader').find('img').attr('src', 'https://static1.squarespace.com/static/5a5ec2d9d7bdcef66b1db7a2/t/5abf532e6d2a73e772961e57/1522488114208/Sewn.techLogo_Large.png?format=750w')})
</script>

Thanks for sharing but doesn't seem to work for me unfortunately...

@mattvs , did you find a code that worked for Carson? I'm dealing with the same issue. Thanks!

learn how to activate jiotunes

Who knows how to change the logo on both desktop (the JackForbes code worked for me on desktop) and mobile?

I'm using Brine. Thanks. 

@natalient 

https://bigcatcreative.com/blog/change-mobile-logo-brine-squarespace