alexb1211 Posted May 14, 2020 Share Posted May 14, 2020 @paul2009 Hi, I am having the same issue. I have tried all the code you suggested but they're not working for my Montauk template. My URL Is albtutoring.com. Are you able to help? Thanks! Link to comment
paul2009 Posted May 14, 2020 Share Posted May 14, 2020 For Montauk, try the following (in Settings > Advanced > Code Injection - Footer). You can change "/newurl" to send users to a different page. <script> document.querySelector('.logo a').setAttribute('href', '/newurl'); </script> alexb1211 and tuanphan 1 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
alexb1211 Posted May 15, 2020 Share Posted May 15, 2020 That worked, thank you! paul2009 1 Link to comment
mfaronbi Posted May 26, 2020 Share Posted May 26, 2020 I am trying to do the same thing on my site (matthewfaronbi.squarespace.com). Password is: ayo I've tried all the codes previously and can't seem to get it to work; any help? Link to comment
derricksrandomviews Posted May 26, 2020 Share Posted May 26, 2020 (edited) <script> document.querySelector('.logo a').setAttribute('href', '/place page url slug here'); </script> put the slug of the page you want your logo to link to in the code between /' and then place code in settings/advanced/code injection/footer. Edited May 26, 2020 by derricksrandomviews Link to comment
mfaronbi Posted May 26, 2020 Share Posted May 26, 2020 @derrickram Thanks, but that didn't seem to work. I have found that this code work: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".logo-image a").attr("href", "https://beaverhero.com"); }); </script> but it makes the ABOUT ME, CONTACT, CAREER, and MUSIC pages redirect as well. I think it may be due to my template. Anyone have any help or insight on this? Link to comment
tuanphan Posted May 26, 2020 Share Posted May 26, 2020 3 hours ago, mfaronbi said: @derrickram Thanks, but that didn't seem to work. I have found that this code work: but it makes the ABOUT ME, CONTACT, CAREER, and MUSIC pages redirect as well. I think it may be due to my template. Anyone have any help or insight on this? Can you share link to your site? 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
mfaronbi Posted May 26, 2020 Share Posted May 26, 2020 (edited) @tuanphan matthewfaronbi.com Password is: ayo 7 hours ago, tuanphan said: Can you share link to your site? Edited May 26, 2020 by mfaronbi Link to comment
mfaronbi Posted May 27, 2020 Share Posted May 27, 2020 I still need help if anyone has any insight. Link to comment
tuanphan Posted May 28, 2020 Share Posted May 28, 2020 22 hours ago, mfaronbi said: I still need help if anyone has any insight. Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img"]').click(function() { window.location = "https://beaverhero.com"; }); }); </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
mfaronbi Posted May 28, 2020 Share Posted May 28, 2020 Hi, that didn't seem to do anything. Was I supposed to put that along side the other code I posted or just on it's own? 1 hour ago, tuanphan said: Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img"]').click(function() { window.location = "https://beaverhero.com"; }); }); </script> Link to comment
mfaronbi Posted May 28, 2020 Share Posted May 28, 2020 Actually I think it'd just be better to disable the Logo link in general, would you happen to know how to do that? Basically make the logo unclickable 5 hours ago, tuanphan said: Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img"]').click(function() { window.location = "https://beaverhero.com"; }); }); </script> Link to comment
tuanphan Posted May 31, 2020 Share Posted May 31, 2020 On 5/29/2020 at 1:33 AM, mfaronbi said: Actually I think it'd just be better to disable the Logo link in general, would you happen to know how to do that? Basically make the logo unclickable i see logo unclickable here. Did you solve? 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
theresa.southern Posted June 30, 2020 Share Posted June 30, 2020 On 2/23/2020 at 9:08 AM, tuanphan said: <script> document.querySelector('.header-title-logo a').setAttribute('href', '/home'); </script> This worked for me in 7.1 - thank you! Link to comment
modernshorties Posted July 7, 2020 Share Posted July 7, 2020 I tried some of these codes for my Horizon template. I wanted to link the logo from the main page and other non-cover pages so that it links to the home page. Any idea what the code for this is? Thank you! https://horse-magenta-je6g.squarespace.com/ pw: meangene Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 On 7/7/2020 at 10:34 PM, modernshorties said: I tried some of these codes for my Horizon template. I wanted to link the logo from the main page and other non-cover pages so that it links to the home page. Any idea what the code for this is? Thank you! https://horse-magenta-je6g.squarespace.com/ pw: meangene Add to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#logoImage a").attr('href','https://google.com'); }); </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
CamilleOG Posted September 8, 2020 Share Posted September 8, 2020 Hi, I'm having the same problem as others on this thread. I've tried the lines of code but it does not seem to work for my template (Marta). The home page address is : www.olive-groves.com/sghome (logo should link to this) Cover page URL is : www.olive-groves.com Any suggestions for my template? Thanks! Link to comment
tuanphan Posted September 9, 2020 Share Posted September 9, 2020 22 hours ago, CamilleOG said: Hi, I'm having the same problem as others on this thread. I've tried the lines of code but it does not seem to work for my template (Marta). The home page address is : www.olive-groves.com/sghome (logo should link to this) Cover page URL is : www.olive-groves.com Any suggestions for my template? Thanks! Add to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".Header-branding, a.Mobile-bar-branding").attr('href','https://beaverhero.com'); }); </script> Replace beaverhero with new url 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
CamilleOG Posted September 17, 2020 Share Posted September 17, 2020 Sorry I just saw your reply... Many thanks it did work, all fixed now 😉 Link to comment
nathanlmcguire Posted January 29, 2021 Share Posted January 29, 2021 hi everyone, I am stuck with the same problem. I am using the 7.1 template and my site is www.nathanlmcguire.com I would like the header logo/title to point to www.nathanlmcguire.com/about - when clicked. Any help would be greatly appreciated. Link to comment
tuanphan Posted February 3, 2021 Share Posted February 3, 2021 On 1/29/2021 at 8:06 AM, nathanlmcguire said: hi everyone, I am stuck with the same problem. I am using the 7.1 template and my site is www.nathanlmcguire.com I would like the header logo/title to point to www.nathanlmcguire.com/about - when clicked. Any help would be greatly appreciated. Add to Settings > Advanced > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $("a#site-title").attr('href','/about'); }); </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
nathanlmcguire Posted February 3, 2021 Share Posted February 3, 2021 5 hours ago, tuanphan said: Add to Settings > Advanced > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $("a#site-title").attr('href','/about'); }); </script> thanks man!! it seemed to work when i put it in the header under code injection. Link to comment
scholarsayze Posted February 24, 2021 Share Posted February 24, 2021 I tried several options, the one that worked for me was as here: Squarespace v7.1 (no specific theme) Settings/Advanced/Code Injection/Footer <script> document.querySelector('.header-title-logo a').setAttribute('href', '/store'); </script> Replace '/store' with whatever your destination page is e.g. '/shop' or '/home' Thanks Tuanphan!!! Link to comment
mprdesign Posted April 13, 2021 Share Posted April 13, 2021 On 2/24/2021 at 7:48 AM, scholarsayze said: I tried several options, the one that worked for me was as here: Squarespace v7.1 (no specific theme) Settings/Advanced/Code Injection/Footer <script> document.querySelector('.header-title-logo a').setAttribute('href', '/store'); </script> Replace '/store' with whatever your destination page is e.g. '/shop' or '/home' Thanks Tuanphan!!! thanks! this one finally worked for me! 7.1 Crosby template scholarsayze 1 Link to comment
red33333 Posted June 13, 2021 Share Posted June 13, 2021 On 7/15/2020 at 7:54 AM, tuanphan said: Add to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#logoImage a").attr('href','https://google.com'); }); </script> This one worked for me, using Hayden Template, thank you so much! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment