How do I make the logo on a cover page clickable?

I'd like to link the logo on my cover page to my homepage. 

Is this possible? 

SOLVED

<script>

$(function() {

$("img[alt='NAME-OF-FILE.JPG']").wrap("<a href='/HOME'></a>");

});

</script>

Hi there. I'm trying to make my logo on my cover page (http://www.feste.no/) become a clickable link to my home page (http://www.feste.no/heim). 

Where do I enter the script suggested above by Total Whittle? I've attached the logo file below. Cheers. 

2 hours ago, DavidFjagesund said:

Hi there. I'm trying to make my logo on my cover page (http://www.feste.no/) become a clickable link to my home page (http://www.feste.no/heim). 

Where do I enter the script suggested above by Total Whittle? I've attached the logo file below. Cheers. 

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('body.site-title .logo a').attr('href','https://beaverhero.com');
});
</script>

Replace beavehero with new url

On 9/5/2020 at 3:24 PM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('body.site-title .logo a').attr('href','https://beaverhero.com');
});
</script>

Replace beavehero with new url

Thanks tuanphan!

On 9/5/2020 at 10:24 AM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('body.site-title .logo a').attr('href','https://beaverhero.com');
});
</script>

Replace beavehero with new url

Hey @tuanphan! 

I tried this and also changing the second part to:

But unfortunately neither are working. I suspect the second not to work because the collection is the entire page? 

The website is https://www.taylorday.social/welcome and the link is to go to https://www.taylorday.social/home . Just trying to get the logo on the cover page to be clickable. 

Thanks!

17 hours ago, pizzac4t said:

Hey @tuanphan! 

I tried this and also changing the second part to:

$(document).ready(function() {

var theLink = '<a href="/home"></a>';

$('#collection-5eb455642e76d059750cb28f div[data-compound-type="logo"]').wrap( theLink );

});

But unfortunately neither are working. I suspect the second not to work because the collection is the entire page? 

The website is https://www.taylorday.social/welcome and the link is to go to https://www.taylorday.social/home . Just trying to get the logo on the cover page to be clickable. 

Thanks!

I see you solved?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var theLink = '<a href="/home"></a>';
$('#collection-5eb455642e76d059750cb28f div[data-compound-type="logo"]').wrap( theLink );
});
  </script>

I have the same problem — trying to add a link to the cover page logo (or make it "clickable"). Using the Bedford template. Any ideas? 

Here's the page: https://www.principiatutors.com/admissions-consulting

8 hours ago, oliverl said:

I have the same problem — trying to add a link to the cover page logo (or make it "clickable"). Using the Bedford template. Any ideas? 

Here's the page: https://www.principiatutors.com/admissions-consulting

 

Add to Admissions Consulting Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$(".sqs-slide-layer-content .sqs-slice-image-content").click(function() {
			var link = $(this).text(),
				href = "/home";
			window.location.href=href;
		});
});
</script>
<style>
  .sqs-slide-layer-content .sqs-slice-image-content {cusor: pointer;}
</style>

Thank you, Tuanphan! That works.

One small question: the "hand" icon doesn't appear when you hover over the logo. Is there a way to add that back in? Want to make sure visitors know they can click it. 

24 minutes ago, oliverl said:

Thank you, Tuanphan! That works.

One small question: the "hand" icon doesn't appear when you hover over the logo. Is there a way to add that back in? Want to make sure visitors know they can click it. 

Remove this code

<style>
  .sqs-slide-layer-content .sqs-slice-image-content {cusor: pointer;}
</style>

add new code

<style>
  .sqs-slide-layer-content .sqs-slice-image-content:hover {cursor: pointer;}
</style>

This is perfect! Thank you Tuan 

I found this thread and hopefully someone might be able to help me. I have a cover page on a Squarespace 7.0 website. Trying to make logo clickable to go back to home page, but so far not luck. 

I'm using the Jasper Jin template. 

This is the cover page: https://www.3acomunicacion.com/events-exhibitions

On 9/8/2022 at 6:43 AM, 3ACOM said:

I found this thread and hopefully someone might be able to help me. I have a cover page on a Squarespace 7.0 website. Trying to make logo clickable to go back to home page, but so far not luck. 

I'm using the Jasper Jin template. 

This is the cover page: https://www.3acomunicacion.com/events-exhibitions

Have you tried above code yet?

9 hours ago, tuanphan said:

Have you tried above code yet?

 

Yes I have but it's not working. It stays the same. 

17 hours ago, 3ACOM said:

Yes I have but it's not working. It stays the same. 

I see it worked. You try clicking on logo

On 9/10/2022 at 5:38 AM, tuanphan said:

I see it worked. You try clicking on logo

You're right, It did! Thank you so much!

Also trying to resolve the above and the codes don't seem to be working for me...

URL: https://www.jessieayles.net/home1 

On 11/16/2023 at 8:57 PM, Jayles87 said:

Also trying to resolve the above and the codes don't seem to be working for me...

URL: https://www.jessieayles.net/home1 

Can you add & keep the code in Cover Page Header Injection? We can check it again easier

Hi I am trying to make the logo on this cover page https://www.cakemarketing.com.au/how-to-leverage-your-content-free-guide link to our home page which is https://www.cakemarketing.com.au/ 

What is the code to achieve that? thank you!

On 11/21/2023 at 12:45 PM, charlotte_cakemarketing said:

Hi I am trying to make the logo on this cover page https://www.cakemarketing.com.au/how-to-leverage-your-content-free-guide link to our home page which is https://www.cakemarketing.com.au/ 

What is the code to achieve that? thank you!

I see you figured it out?

I found this thread and hopefully someone might be able to help me. I have a cover page on a Squarespace 7.0 website. Trying to make logo clickable to go back to home page, but so far not luck. 

I'm using the Flash template. 

This is the cover page: https://www.goatsonthego.com/fortsmith

On 5/10/2024 at 10:18 AM, GOTGOlivia said:

I found this thread and hopefully someone might be able to help me. I have a cover page on a Squarespace 7.0 website. Trying to make logo clickable to go back to home page, but so far not luck. 

I'm using the Flash template. 

This is the cover page: https://www.goatsonthego.com/fortsmith

You can use this code to Cover Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$(".sqs-slice img").click(function() {
			var link = $(this).text(),
				href = "https://www.goatsonthego.com/";
			window.location.href=href;
		});
});
</script>
<style>
.sqs-slice img:hover {
    cursor: pointer;
}
</style>

Thank you! That worked!