Jump to content

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

Recommended Posts

  • 10 months later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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!

Link to comment
  • 1 month later...
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:

$(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!

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 7 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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?

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • 1 year later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.