Logo URL Redirect 7.1

Site URL: https://trimcohardware.online

Would like to revisit the code required to change the URL of the logo on my site. I found several old posts that provided some code to add to the Header of the page, however none of them worked. I'm using the latest eCommerce 7.1 template and would like the logo URL to point back to the Shop page. Can anyone help with the latest code that will allow for this?

Thanks

Hi,
What's the password of the website?

Best,
Leopold

Looking for help with the code, if you have that info that would be great... no need for you to log into the site.

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("#site-title").attr("href", "https://beaverhero.com");
});
</script>

If the code doesn't work, can you share access password? Your site has protected password

<!-- Title -->
              
                <div
                  class="
                    header-title
                    
                  "
                  data-animation-role="header-element"
                >
                  
                    <div class="header-title-logo">
                      <a href="/" data-animation-role="header-element">
                        <img src="//static1.squarespace.com/static/5f05cf89560a9b7e48055ff7/t/5f05e7f693e8cf378fe0cddf/1598979029138/?format=1500w" alt="Trimco Store" />
                      </a>
                    </div>

                  
                  
                </div>

<!-- Title and nav wrapper -->
          <div class="header-title-nav-wrapper">
            

            

            
              
              <!-- Title -->
              
                <div
                  class="
                    header-title
                    
                  "
                  data-animation-role="header-element"
                >
                  
                    <div class="header-title-logo">
                      <a href="/" data-animation-role="header-element">
                        <img src="//static1.squarespace.com/static/5f05cf89560a9b7e48055ff7/t/5f05e7f693e8cf378fe0cddf/1598979029138/?format=1500w" alt="Trimco Store" />
                      </a>
                    </div>

                  
                  
                </div>

The code you provided isn't working. The code above are the elements that might help you configure the code... let me know if this helps. Thanks for working with me... I appreciate it.

Fantastic, this worked. I was able to add it into the header of the individual pages that I needed it... 

Thank you so much for helping, I very much appreciate it.

Hi, same issue as many others has commented. The solution provided here just work for desktop view (at least for me). Mobile view still redirecting to the cover page.  Can anyone provide feedback on this matter? Thanks.

On 3/15/2021 at 10:14 AM, Mirabal78 said:

Hi, same issue as many others has commented. The solution provided here just work for desktop view (at least for me). Mobile view still redirecting to the cover page.  Can anyone provide feedback on this matter? Thanks.

Hi. Can you share site url? We will check again

Hi @tuanphan could you help us with a similar issue as described above.

We are trying to link the mobile logo to a different page. Right now if you click the mobile logo it doesn't do anything. The link and password are below. Any help would be greatly appreciated. Thank you! 

https://spinach-circle-hb9w.squarespace.com/

password: DoveLove2022!

On 7/15/2022 at 11:04 PM, MinerMan2022 said:

Hi @tuanphan could you help us with a similar issue as described above.

We are trying to link the mobile logo to a different page. Right now if you click the mobile logo it doesn't do anything. The link and password are below. Any help would be greatly appreciated. Thank you! 

https://spinach-circle-hb9w.squarespace.com/

password: DoveLove2022!

I see mobile logo is clickable here. Did you solve problem or if no, you mean click logo >> redirect to another page?

5 hours ago, tuanphan said:

I see mobile logo is clickable here. Did you solve problem or if no, you mean click logo >> redirect to another page?

 

Hi @tuanphan on mobile if you visit the gallery, firm, portfolio, or contact pages and try to click on the logo to back to the home page, it doesn't take you back to the home page. Do you see what I am referring to?

On 7/18/2022 at 8:44 PM, MinerMan2022 said:

Hi @tuanphan on mobile if you visit the gallery, firm, portfolio, or contact pages and try to click on the logo to back to the home page, it doesn't take you back to the home page. Do you see what I am referring to?

Change this code

<style>
  .header-mobile-logo {
height: 60px;
content: url("https://static1.squarespace.com/static/6206d3367ee6ce5e6524e7fc/t/62d1894028f823196ffbeb93/1657899328701/yates-desygn-logo.png")
}
</style>

to this code

 <style>
            .header-mobile-logo img {
                left: -50px;
                height: 60px;
                content: url("https://static1.squarespace.com/static/6206d3367ee6ce5e6524e7fc/t/62d1894028f823196ffbeb93/1657899328701/yates-desygn-logo.png");
                position: relative;
            }
        </style>

On 7/19/2022 at 9:04 AM, tuanphan said:

Change this code

<style>
  .header-mobile-logo {
height: 60px;
content: url("https://static1.squarespace.com/static/6206d3367ee6ce5e6524e7fc/t/62d1894028f823196ffbeb93/1657899328701/yates-desygn-logo.png")
}
</style>

to this code

 <style>
            .header-mobile-logo img {
                left: -50px;
                height: 60px;
                content: url("https://static1.squarespace.com/static/6206d3367ee6ce5e6524e7fc/t/62d1894028f823196ffbeb93/1657899328701/yates-desygn-logo.png");
                position: relative;
            }
        </style>

 

That worked flawlessly! Thank you so much @tuanphan!