juliaprather Posted April 8, 2022 Share Posted April 8, 2022 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
Web_Solutions Posted April 9, 2022 Share Posted April 9, 2022 (edited) 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 April 9, 2022 by Web_Solutions juliaprather, Create_Job, Ainul and 1 other 3 1 Link to comment
juliaprather Posted April 9, 2022 Author Share Posted April 9, 2022 yes ma'am (or sir)! that's what I'm talking about! worked like a charm. many, many thanks! Link to comment
Web_Solutions Posted April 9, 2022 Share Posted April 9, 2022 You're most welcome! Ainul, Unique_Website and Create_Job 3 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment