Jump to content

Can't change my custom font (for header button) in the mobile version of my website

Go to solution Solved by Ziggy,

Recommended Posts

Hi,

I just wrote a small CSS code to upload a custom font to my website. I changed the font of the Header Button in the Desktop version but I do not know the code to change it in the mobile version. Can someone help? It is the "Book Appointment" Button. Thanks!

 

 

 

Screen Shot 2023-03-02 at 6.20.50 PM.png

Screen Shot 2023-03-02 at 6.20.40 PM.png

Edited by Hrachya
Link to comment
  • Replies 2
  • Views 261
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Can you share your website URL? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Try adding this to Custom CSS:

.header-menu-cta .sqs-button-element--primary {
  font-family:'Noorb Reg' !important;
}

Hope that works for you!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.