Contact button in header: Link to email on desktop and SMS on mobile

Site URL: https://www.lisawolffmcintyre.com/

Hi Squarespacers!

I enabled the button element in my header and named it "Contact." When someone is viewing mobile, I'd like them to be able to tap the button to call my client. But when someone clicks the button from desktop—well, the attached image expresses my feelings about this situation. Is there code I can deploy that would allow a user to call from mobile but email from desktop? Thanks so much!

Julia

Add this code 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-display-desktop a.btn').attr('href','mailto:lisa@palermolistings.com');
});
</script>

Wow @tuanphan -- brilliant!

I would never, ever, ever have sorted that myself. Your code is genius and works like a heaven. THANK YOU.