Jump to content

Main Header Navigation Button Disappeared on other pages

Recommended Posts

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! 

 

Edited by amarien
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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. 

Screen Shot 2022-07-18 at 10.38.37 AM.png

Link to comment

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.