Jump to content

Change logo link on desktop and mobile version 7.1

Recommended Posts

Hi there, I've found other threads like this but unsure at which one is the solution and don't want to risk now that the site is live.

This is a bilingual site (two separate squarespace sites).

We originally had it on 7.0 and used the Cover page feature as the landing page to choose between English and Spanish.

We would like to have a cover page again but the option is no longer available.

The workaround seems to be to set the logo to go to our homepage (which we don't want on the main navigation) and to set the hompage on the english site as the cover page. Then, we can change the logo on desktop and mobile to link to the homepage that we want.

How can I achieve this? I see it's been done with CSS but I saw different issues with codes.

Thank you!

Link to comment
11 hours ago, pleni said:

This is a bilingual site (two separate squarespace sites). We originally had it on 7.0 and used the Cover page feature as the landing page to choose between English and Spanish. We would like to have a cover page again but the option is no longer available.

I don't recommend using a landing page, as a very small percentage of your visitors will see it. They are far more likely to land directly on another page within your site, for example from search engine results or a link on another site.

A better alternative is to clearly offer add language choices in the header so they appear on every page. There are a number of ways to do this but we'd need to see your site to offer more specific advice 🙂

Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
7 hours ago, paul2009 said:

I don't recommend using a landing page, as a very small percentage of your visitors will see it. They are far more likely to land directly on another page within your site, for example from search engine results or a link on another site.

A better alternative is to clearly offer add language choices in the header so they appear on every page. There are a number of ways to do this but we'd need to see your site to offer more specific advice 🙂

Did this help? Please give feedback by clicking an icon below  ⬇️

The site is https://www.plenitudpr.org/ I thought it was linked. I apologize.

Edited by pleni
Link to comment
On 2/4/2023 at 1:10 AM, pleni said:

The site is https://www.plenitudpr.org/ I thought it was linked. I apologize.

Hi, You want to add link to this logo?

image.png.c671be715265ffa2a4c08e6eae751c17.png

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

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
On 2/10/2023 at 9:37 AM, pleni said:

Hi, no I want to add the link to this logo on desktop and mobile:

 

 

Screenshot 2023-02-09 at 9.34.41 PM.png

Add to Settings > Advanced > Code Injection > Footer

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

 

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

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
  • 3 months later...
Posted (edited)

Hello @tuanphan this code isn working on mobile version so I made this adjustment to the code and it worked for me.

<script>
  document.querySelector('.header-title-logo a').setAttribute('link'); $(".header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-title [href]").attr("href", "link");
</script>

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