How To Add A Click To Call Button To Squarespace // Click To Call for Squarespace
The CTA button in your Squarespace website can be a link to a phone number, but no one needs that on desktop! This tutorial will teach you how to create that link for mobile only.
---
📱 Squarespace Mobile + Tablet Workshop → insidethesquare.co/mobiledesign
- -
In this Squarespace tutorial, you’ll learn how to add a click-to-call link that only shows up on the mobile menu of your site. We’ll use CSS to hide it on desktop, and you’ll learn how to turn the last link on your desktop site to look like a button so you won’t lose that functionality.
All the codes from this tutorial are below, BUT there are a few things you need to know:
→ This is specific for version 7.1 and won’t work on older versions of Squarespace.
→ There is more than one way to do this! Code is super customizable, and this is my technique.
Here are the codes from this tutorial. This first one will hide the CTA button on any screen wider than 1024px:
@media only screen and (min-width:1024px){
.header-actions-action--cta {
display: none
}
}
This second code creates that button look for the last link in your menu. Be sure to change the color, border, and padding to suit your own site style!
.header-nav-item:last-of-type a{
border: 2px solid #000;
background:#e5f5f6;
padding: 6px 15px;
margin-top:-6px
}
- -
📑 Download my collection of CSS codes for Squarespace at https://insidethesquare.co/css
- -
❤️ Like this tutorial? Buy me a coffee to say thanks! ☕
https://buymeacoffee.com/insidethesquare
- -
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
- -
🥰 SUPPORT MY CHANNEL → https://paypal.me/insidethesquare
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM → / thinkinsidethesquare
👍 FACEBOOK → / insidethesquare
📌 PINTEREST → / insidethesquare
💸 DISCOUNT → Save 10% on your first year of Squarespace with code INSIDE10 https://insidethesquare.co/inside10
- -
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
