2 sites, 1 subscription - header logos

Site URL: https://www.birdmafia.com

Site URL: https://www.birdmafia.com

I'm currently working on putting 2 sites (basically) on 1 subscription.  Creating pages and injecting code in navigation so depending on what page you are on it will show the correct navigation.  The big thing I haven't figured out yet, is if it is possible to put a second logo...

bird mafia is a company of products that my wife runs. The products are all based on her original artwork.  Now we want to split that artwork to elbpapercutting.com (which we parked to birdmafia.com for now.)  I will have birdmafia.com pages navigation all be /bm/page_title  and the others be /elb/page_title.  I've drawn up the navigation/sitemap and feel it will work fine by hiding one navigation or the other depending on what page a visitor is on.  Just need to figure out how to have two logos in the header (one showing appropriately depending on if on /bm page or /elb page.

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$(".logo-image img").attr('src','https://beaverhero.com/wp-content/uploads/2020/05/2-websites-same-subscription-min.png');
});
</script>

This code will change logo to new image on One Page.

Add to All page, replace with new image url

@tuanphan Okay thank you.  This image has to be hosted somewhere already correct? Like just put it on some unlinked blank page in site first?

You can upload image with this guide. https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files