Replace Logo Image Per Page?

Hello,

I am replace logo on my homepage and other pages, template Eamon. My website to see what I am referring to manmadeatelier.comDo not experience with coding.

Thank you in advance!

Did you figure it out? I am at the same place you were.

I am using bedford and tried this code but get a broken image icon... Anyone know whats going on?

https://competeam.squarespace.com/uber-uns

I'm using the Sonora template and can't get this to work... Any help is GREATLY appreciated!

This should work if you substitute "#top" for "#logoImage" so the full code would be: `

A more efficient way to do it, without having to inject jQuery:

<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/'.

@jackforbes Thank you for this code - it works in the backend, but when I look at my live site via the custom domain, the logo reverts back to the site wide logo. Do you know why this might be happening?

So after trying and trying I found the solution for the FIVE template:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
  $(function() {$('#banner-wrapper').find('img').attr('src', 'YOURURLHERE')})
</script>

Just enter your URL and it should be done!

@Low-toneworx - you rock!! Worked perfect for the desktop pages! Now I'm trying to figure out how to apply this to mobile view. I setup for

(max-width: 640px)

then used that

@jackforbes Thank you for this, this worked for me on desktop, but not on mobile. Any ideas how to get the alternate logo to display on mobile as well?