reduce font size / cta button / mobile only

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;
}
}

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;
  }
}

yes ma'am (or sir)!

that's what I'm talking about!

worked like a charm.

many, many thanks!

You're most welcome!