Use alternate logo on three pages using Nolan template

Site URL: https://www.17secondsagency.com/

Hi, 

I am trying to use an alternate logo for a few pages on my client's site. I've tried a couple CCSS workarounds and none of them seem to work with the Nolan template. I've included a screen shot of one of the code blocks I was trying to use.  Any ideas? 

Your code is jQuery, not CSS. You need to insert jQuery at Page Settings > Advanced > Header. Each page has page header

Also, you need to declare this line to before above code, unless above code won't work.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Hi,

thanks for your suggestion. I tried entering the two parts of code per your suggestion, but I'm still not seeing the alternate logo. It's very likely that I'm doing it wrong. Here's what I pasted into the page header code injection page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
  $(".Header-branding-logo, .Mobile-branding-logo").attr("src","https://static1.squarespace.com/static/5e1e35cbfb18fe3a6420bce5/t/5e90d741d7b18d59e3b5b2fb/1586550593681/17x_logo_transparent_orange.png");
});
</script>

Thoughts? 

Remove above and Use this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$(".header-title-logo img").attr('src','https://static1.squarespace.com/static/5e1e35cbfb18fe3a6420bce5/t/5e90d741d7b18d59e3b5b2fb/1586550593681/17x_logo_transparent_orange.png');
});
</script>

Hi, thank you so much!  That worked great 🙂