Changing link of contact symbol (social icon) in navigation

Site URL: https://voegelino.squarespace.com/

Hi there 

I added a social icon / contact symbol to my navigation and I would like to link it to the contact page instead of opening an email.

Is there any custom code I can implement?

Website: https://voegelino.squarespace.com/

Password: orneverornow

Many thanks

Sibylle

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>

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

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.

On 1/5/2022 at 9:06 AM, tuanphan said:

Updated above code. You can check it again.

Thank you!!!