Buy me a coffee

Add Phone Icon before Header Button

#1. Add this code to the Code Injection >Header or Code Block

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

add-phone-icon-before-header-button-01-min

#2. Add this code to the Custom CSS box and Save

a.btn:before {
    content: "\f095";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
}

add-phone-icon-before-header-button-02-min

#3. Result

add-phone-icon-before-header-button-03-min

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder