Jump to content

Changing the Link Address of My Logo

Recommended Posts

  • 1 month later...
  • Replies 44
  • Views 45k
  • Created
  • Last Reply
  • 2 weeks later...
  • 5 months later...

My solution to discover what I should add instead of '.logo a' could work for other templates as well. It was this:

  1. open Website
  2. right click, 'view page source' (or press 'Ctrl+U')
  3. Press 'Ctrl + F' (shortcut to 'find in text')
  4. Write 'logo'
  5. In my source code there were 9 words 'logo'. In one of them (listed as 'logo-image'), there was a link with the image I added to squarespace as logo. So that was the equivalent for '.logo a' in the York template. I don't know how to code, but it worked. So I assume it should work for you as well.
Link to comment

York template, the solution (remember to substitute www.google.com for the URL you want the logo to redirect you to):

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

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

Link to comment
  • 1 month later...
  • 1 month later...
  • 1 month later...
  • 2 weeks later...
  • 9 months later...
  • 2 months later...

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>
<!-- 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/";});

Good Luck!

Link to comment
  • 7 months later...


This topic is now archived and is closed to further replies.

This topic is now closed to further replies.
  • 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.