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!