Jump to content

Different primary button sizes on mobile vs desktop

By jcny85, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 2
  • Views 198
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

You can do that with CSS and a media query: @media only screen and (min-width:768px) { #siteWrapper .sqs-button-element--primary { font-size:1rem; padding:1.2rem 2rem; } } Adjust the

jcny85
jcny85

@ZiggyThank you so much! Worked like a charm.

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

You can do that with CSS and a media query: 

@media only screen and (min-width:768px) {
  #siteWrapper .sqs-button-element--primary {
    font-size:1rem;
    padding:1.2rem 2rem;
  }
}

Adjust the values to suit your design.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

 ☕ Did I help? Buy me a coffee?

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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources