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 Unique_Website, juliaprather, Ainul and 1 other 3 1 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
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! Create_Job, Ainul and Unique_Website 3 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment