Header Logo Link for Specific Pages

I've seen a similar question asked around the forums, but I think my situation is a little more complicated which is why I haven't gotten anything to work correctly. I am also using the Skye template.

I have two blogs, and for each blog I have set a unique logo in the header. Ideally, I'd like each unique logo to direct to a specific blog post. For example, the Wild Moon logo, when clicked, should go to the "Welcome to Wild Moon" post. I'm not sure how to implement a different link around the new logo, if it's even possible. The logo code is in the header section as such - 

Quote

<style>
.logo-image img
 {
 content:
url("https://blahblahblahlogo.jpeg");

 }
</style>

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() {
	$('.site-title a').attr('href','https://beaverhero.com');
});
</script>

replace beaverhero with your blog page url

It doesn't seem to like ".attr" and it's being highlighted in red.

Don't wrap script code in </style> tag

Oops. Moved the </style> but it still doesn't want to work.

<style>
  .logo-image img
 {
 content: url("https://static1.squarespace.com/static/5f074ad37551af380fecaa89/t/5f248d886dd338649fdf75be/1596231048241/WildMoonWildJam.flair.v4.transparent-02.png");
 }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>
$(document).ready(function() {
	$('.site-title a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

15 hours ago, lisaxhearts said:

Oops. Moved the </style> but it still doesn't want to work.

<style>
  .logo-image img
 {
 content: url("https://static1.squarespace.com/static/5f074ad37551af380fecaa89/t/5f248d886dd338649fdf75be/1596231048241/WildMoonWildJam.flair.v4.transparent-02.png");
 }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>
$(document).ready(function() {
	$('.site-title a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

 

Can you share link to page where you inserted the code?

https://lisaeggleston.squarespace.com/recipe-index

9 hours ago, lisaxhearts said:

https://lisaeggleston.squarespace.com/recipe-index

Use this code

<script>
$(document).ready(function() {
	$('.logo-image a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

Still no good.

That did it! You're awesome. You solved all of my website bugs that were really killing me. Thank you.