Guest Posted October 15, 2020 Share Posted October 15, 2020 Site URL: https://www.twentyfivedelta.com/ Good Morning Everyone, I am looking to get some assistance on how to adjust the font size of the Banner Text for mobile only. I have this Custom Css already, I just can't seem to find the right code for the banner text. h1, h2, h3, p { hyphens: none; } /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ h1 { font-size: 60px; } h2 { font-size: 30px; } h3 { font-size: 22px; } p { font-size: 20px; } .sqs-block-button .sqs-block-button-element--large { font-size: 16px; } .sqs-block-button .sqs-block-button-element--medium { font-size: 14px; } .sqs-block-button .sqs-block-button-element--small { font-size: 12px; } /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ h1 { font-size: 60px; } h2 { font-size: 20px; } h3 { font-size: 22px; } p { font-size: 16px; } .sqs-block-button .sqs-block-button-element--large { font-size: 16px; } .sqs-block-button .sqs-block-button-element--medium { font-size: 14px; } .sqs-block-button .sqs-block-button-element--small { font-size: 12px; } /* Insert Code for Mobile Above This Line */ } Link to comment
Guest Posted October 15, 2020 Share Posted October 15, 2020 I found the answer for those interested: .desc-wrapper * { font-size: 30px !important; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.