Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change logo link version 7.1


mlucero1027

Question

22 answers to this question

Recommended Posts

  • 2
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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!

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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!

Link to comment
  • 0

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

🙂

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.. 🙂

 

 

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

 

Link to comment
  • 0

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;
}

 

Link to comment
  • 0

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;
  }
}

 

Link to comment
  • 0

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>
Edited by benny25
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...