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 me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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/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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...

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
  • 8 months later...

Circling back on this! I was successful in changing the link connected to my header logo on desktop, but was unsuccessful in mobile as it is still linking to our designated home page which is an animated/splash page that the browser should not be forced to view more than once per site visit. Any ideas on how to solve this? 

 

Current link location: warmflowers.com/welcome (password is: wf2024)
Corrected link location: warmflowers.com/home

Link to comment
On 1/31/2024 at 10:46 PM, blynkstudio said:

Circling back on this! I was successful in changing the link connected to my header logo on desktop, but was unsuccessful in mobile as it is still linking to our designated home page which is an animated/splash page that the browser should not be forced to view more than once per site visit. Any ideas on how to solve this? 

 

Current link location: warmflowers.com/welcome (password is: wf2024)
Corrected link location: warmflowers.com/home

I see you figured it out with this code?

<script>
  /* Desktop branding - redirect to another URL */
  document.querySelector('.header-display-desktop .header-title-logo a').setAttribute('href', '/home');
   /* Mobile branding - redirect to another URL */
  document.querySelector('.header-display-mobile .header-title-logo a').setAttribute('href', '/home');  
</script>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.