Jump to content

Changing link of contact symbol (social icon) in navigation

Recommended Posts

  • Replies 6
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('header#header a[href*="mailto"]').attr('href','https://google.com');
  $('header#header a[href*="mailto"]').attr('target','_self');
});
</script>

 

Edited by tuanphan

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
16 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('header#header a[href*="mailto"]').attr('href','https://google.com');
});
</script>

 

Great. Thank you so much!

Can you please add the code snippet to redirect it on the same page and not to open the link in a new tab?

Thanks again.

Best, Sibylle

Link to comment
13 hours ago, orneverornow said:

Great. Thank you so much!

Can you please add the code snippet to redirect it on the same page and not to open the link in a new tab?

Thanks again.

Best, Sibylle

Updated above code. You can check it again.

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
  • 1 year later...

I know this is an older post, but I tried this and it is not working.  It does not seem to be working on the original posters site either.  Did something change with SS 7.1?  I just want the "Email" social connector icon to open the contact form page rather than try to open the email editor. 
 

If I add the URL as a new social connector, it is assigned the "link" icon.  Is it possible to change the symbol in footer code injection

Is there another way such as changing the icon displayed form the "link" symbol to the email symbol?

Link to comment
5 hours ago, FixBroken said:

I tried this and it is not working.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.