Change logo link version 7.1

Site URL: http://www.mercedeslucero.com

I want to change the site title logo URL. I have scoured the forums but none of the suggested codes have worked for me.

Site: www.mercedeslucero.com

Home page: www.mercedeslucero.com/home

pw: squarespace1

Hi. This needs some custom code. Which plan do you use? Personal, BUsiness...?

On 4/26/2020 at 3:46 PM, tuanphan said:

Hi. This needs some custom code. Which plan do you use? Personal, BUsiness...?

I use personal account, can I still do this?

On 5/1/2020 at 8:03 AM, darleneboza said:

I use personal account, can I still do this?

You need Business Plan or higher. Add to Home > Settings > Advanced > Code Injection > Footer

<script>
  document.querySelector('a#site-title').setAttribute('href', 'https://beaverhero.com');
</script>

On 5/2/2020 at 2:31 PM, tuanphan said:

You need Business Plan or higher. Add to Home > Settings > Advanced > Code Injection > Footer

<script>
  document.querySelector('a#site-title').setAttribute('href', 'https://beaverhero.com');
</script>

 

Hey! 

Would you be able to help me link my site logo to my site /shop page? 
Been trying all day with a multitude of code but to no avail!

I'm using the Brine theme in 7.1 commercial.
www.neighbourhoodxdeli.com
neighbourhoodxdeli.com

Many thanks!

Matt

21 hours ago, Matt-NBH said:

Hey! 

Would you be able to help me link my site logo to my site /shop page? 
Been trying all day with a multitude of code but to no avail!

I'm using the Brine theme in 7.1 commercial.
www.neighbourhoodxdeli.com
neighbourhoodxdeli.com

 

Many thanks!

 

Matt

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

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', 'https://beaverhero.com');
</script>

replace beaverhero with your shop page url

Thanks so much tuanphan!

Great help!

@ipratt, you'll need to share the site password to help troubleshoot

Hi,

This worked well for me on the desktop website thanks so much! Is there a way to change the logo link on the mobile site as well?

www.hotwireextensions.com

Many thanks for your help!

I don't see logo. Can you share link to exact page?

5 hours ago, HWE said:

Hi,

This worked well for me on the desktop website thanks so much! Is there a way to change the logo link on the mobile site as well?

www.hotwireextensions.com

Many thanks for your help!

Hi, yes I had some issues with a disappearing logo, but its back again now... 

https://www.hotwireextensions.com/home

I would really like the logo link for the mobile site to go back to the above page

Thanks so much!

15 hours ago, HWE said:

Hi, yes I had some issues with a disappearing logo, but its back again now... 

https://www.hotwireextensions.com/home

I would really like the logo link for the mobile site to go back to the above page

Thanks so much!

<script>
  document.querySelector('.header-title a').setAttribute('href', 'https://beaverhero.com');
</script>

Hi, thanks so much for the above... for some reason this doesn't work for the mobile version of the site, the logo is still linking to the landing page instead of the 'home.' Did I do something wrong? I put the script here, Home / settings / advanced / code injector / footer

Thanks so much for your help!

On 9/15/2020 at 5:05 PM, HWE said:

Hi, thanks so much for the above... for some reason this doesn't work for the mobile version of the site, the logo is still linking to the landing page instead of the 'home.' Did I do something wrong? I put the script here, Home / settings / advanced / code injector / footer

Thanks so much for your help!

Try this new code

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

Hi thanks for sharing the above code. For some reason this doesnt work for me and when I enter the code all of my links show up with a black box when hovering.

The link in my logo currently directs to playedoutevents.com.au (which is our "cover/home page") we would like it to link to playedoutevents.com.au/home-page-2 (which we'd like to have as our official home page)

Would love any help you can provide

🙂

On 11/21/2020 at 5:49 AM, jrf93 said:

Hi thanks for sharing the above code. For some reason this doesnt work for me and when I enter the code all of my links show up with a black box when hovering.

 

The link in my logo currently directs to playedoutevents.com.au (which is our "cover/home page") we would like it to link to playedoutevents.com.au/home-page-2 (which we'd like to have as our official home page)

 

Would love any help you can provide

🙂

Chage logo link site wide or cover page only?

4 hours ago, tuanphan said:

Chage logo link site wide or cover page only?

Hey Tuan, Site wide if possible so that if they're on the shop page and they click the logo it would take them back to /home-page-2 instead of the cover page which is set up to be like a landing page.. 🙂

I solved it by using this code Home / Settings / Advanced / Code Injection / Footer

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME');
</script>

Where PAGENAME = the pagename (after the domain name)

On 11/22/2020 at 3:35 PM, jrf93 said:

Hey Tuan, Site wide if possible so that if they're on the shop page and they click the logo it would take them back to /home-page-2 instead of the cover page which is set up to be like a landing page.. 🙂

 

 

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

Replace beaverhero with new url

On 11/23/2020 at 4:50 AM, anycloud said:

I solved it by using this code Home / Settings / Advanced / Code Injection / Footer

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME');
</script>

 

Where PAGENAME = the pagename (after the domain name)

Thank you for this @anycloud, I was really struggling with this and this is the only solution that worked for me. 

Hi, I'm working on the same thing and just wondered if anyone had found a solution for this with the mobile site menu logo?

The desktop site is working great for me with @anycloud's code from above, but not on mobile. I wonder if it may be complicated by the code I'm using to switch the mobile logo for a white version? I've included that below.

I want the site wide header logo to go to /home rather than to the landing page I have set as the homepage.

Thanks so much to everyone who takes the time to help out on this forum, I use it all the time.

Site: https://riverside-school.squarespace.com/     PW: David123

Relevant bits of code I am using

Footer code injection:

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', '/home');
</script>

CSS Code:........

/////Change logo for mobile menu/////
body.header--menu-open .header-title-logo img {
    visibility: hidden;
}

  body.header--menu-open .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/60ffe2517a7dc330831eaab5/t/61009ddcce2b7c24425b1e2a/1627430364343/school-logo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

Ok, in case anyone else here with same issue, I fixed it in a workaround way by adding a 'home' link on the main navigation, and hiding it on desktop like this:

(works in 7.1, not tried it on 7.0)

@media screen and (min-width:641px) {
.header-nav-item:first-child { display: none;
  }
}

Hi! I'm also having the same issue. Joelle's workaround is great but I was wondering if you knew how to hide 'Home' from mobile too. It's currently not working.

Or if anyone has found the trick to change the link embedded in the logo for both desktop and mobile, that'd be great. I've read almost every thread and there seems to be the same issue. I'm also trying to do a splash page but change the header logo to be benny.work/work
-------------

UPDATE: Thanks to @tuanphan once again 🙂 this code he provided in another thread seems to work for both desktop and mobile!

 

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

Where would you add the open in new tab on this code?

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

On 1/7/2022 at 3:55 AM, SW_2020 said:

Where would you add the open in new tab on this code?

 

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

Change your code to this

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