Jump to content

reduce font size / cta button / mobile only

Recommended Posts

Site URL: https://www.j2tampa.com/

Hi everybody!

I'm trying to reduce font size on cta button in header menu but only on mobile. I found these two bits of code from earlier threads but neither worked for me. Help help! THANK YOU!

/* mobile button */
@media screen and (max-width:767px) {
.header-menu-cta a {
    font-size: 16px;


/* medium button block size mobile */
@media screen and (max-width:640px) {
a.sqs-block-button-element--medium.sqs-block-button-element {
    font-size: 10px;


Link to comment

Add the CSS code. Go Design > Custom CSS. Then save. The font size 12px. You can increases or decreases it

@media screen and (max-width:767px) {
  a.theme-btn--primary.btn.sqs-button-element--primary {
    font-size: 12px !important;



Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


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.