Main Header Navigation Button Disappeared on other pages

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

Hi!

This is my first website I'm creating on Squarespace so I'm new to the site, I'm also a very novice coder. 

This is the problem I'm running into: 

I want to display the phone number in the main navigation using the button feature and then once the screen sizes down to mobile only a phone icon will show.  Since I couldn't figure out how to drop the number on mobile I just didn't add a number but used CSS to add in a phone icon. I also managed to get the phone icon to display on mobile, but the button now doesn't show anywhere else on the site. Only the landing pages on both mobile and desktop.  I'm not sure how to get the button back so it displays on all pages. 

Any help with this would be greatly appreciated because I feel stuck! 

What is site access password?

2 minutes ago, tuanphan said:

What is site access password?

Elvis22

On 7/16/2022 at 10:32 AM, tuanphan said:

What is site access password?

Should I re-ask the question? I'm just waiting for a response on how to fix this! Thank you! 

Where did you insert FontAwesome Library Code?

Some code similar this <link rel....>

Also, I see you use pseudo class :after to add phone on mobile. With this approach, won't make phone clickable.

5 hours ago, tuanphan said:

Where did you insert FontAwesome Library Code?

Some code similar this <link rel....>

Also, I see you use pseudo class :after to add phone on mobile. With this approach, won't make phone clickable.

I inserted it in to the Code Injection Header after the SquareKicker code. I checked and the phone button is still clickable. 

Some code made icon size to 0px

Add this code to under line 32

<style>
  header#header a.btn {
    font-size: calc(clamp(0px, calc((1 - 1) * 1.2vmax + 1rem), 1rem) * 1.02) !important;
}
</style>