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

Changing the Link Address of My Logo

Question

When you click on the logo at the top of my site it takes you to the page that's been designated the home page. This is all well and good except that I'm trying to use the cover page feature as a splash page. I'd like the logo to link to a different page (my work page) so that you're not being taken back to the coverpage.

I can't find anywhere that lets you change where this link takes you. Does anyone know or have a suggestion on how to redirect the link?Thank you!

Edited by TreyT
retag

Share this post


Link to post

Recommended Posts

  • 9

Yes. Change the "url" in the code below to be what page you wish it to link to.

Copy Paste this into Page Settings > Advanced > Header Injection

(do this for every page in your site you require this functionality)


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>$(document).ready(function () {
         $(".logo a[href]").attr("href", "http://www.google.com/");
       });
</script>

Share this post


Link to post
  • 2

In addition to this, the class or ID assigned to the logo image can change from template to template. For instance, the target for Pacific or Fulton for the logo image would be "#logoImage" rather than ".logo". For Flatiron, use the class ".siteTitle"

With that in mind, be sure to inspect the element on your logo image to figure out the ID or class and update the code above accordingly.

Edited by TreyT

Share this post


Link to post
  • 1

Strange, the code was there. The answer accepted does not work for Brine family template.

Goto Home-->Settings-->Advanced-->Code Injection and add this to the bottom of the header section; modify the 'mysite' links to yours of course:


<!-- point logo back to mysite.org -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
<!-- change the link on desktop -->  
$(document).ready(function () {document.getElementsByClassName('Header-branding')[0].href="https://www.mysite.org/Home/";});
<!-- change the link on mobile devices -->  
$(document).ready(function () {document.getElementsByClassName('Mobile-bar-branding')[0].href="https://www.mysite.org/Home/";});
</script>

Good Luck!

Share this post


Link to post
  • 0

The target of the link (your site logo) is hard-set in the HTML code. A regular user has no access to the HTML code. You can style the HTML (affect its presentation on the page) but not change it. A Developer has access to the code but this is advanced coding, not for the initiate.


I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward.

Share this post


Link to post
  • 0

Like I said, a user without advanced coding skills can't do it. An expert can. Benjamin is an expert. It was nice of him to answer.


I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward.

Share this post


Link to post
  • 0

Any clue to make the logo clickable to redirect to home page on mobile version:Five template? I placed the logo on mobile with this code I found on this answer (amazing explanation through all steps) https://answers.squarespace.com/questions/76614/how-can-i-get-logo-to-display-in-mobile-view-for-five-template.html

I want to link my logo on mobile site back to home page, is there any code for this?

Share this post


Link to post
  • 0

hi there guys, i built this website: https://bodega-simonassi.squarespace.com

it has two navigations, one for spanish one for english.

when you are inside an english page, you only see the english nav, same with spanish.

now, when im on the spanish nav and click the logo, it takes me to the spanish home. is there a way that when im on the enligh nav and click the logo for it to take me to the english home ?

many thanks !

Share this post


Link to post
  • 0

I've tried this a a few other variations with no success on my page. It's from the Avenue template. I have this cover page I don't want visitors to keep returning to when they click on the header logo - I'd like them to land back at the gallery page. If anyone can offer me specific help, feel free to check it out: wwww.chickenandskateboards.com

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...