How to make add to cart button text smaller on mobile?

How do I change the font/text size of the add to cart button on my product page on mobile? The button size can stay the same. I figured out how to make the text smaller on desktop but not mobile. I’m using dawn 10.0.0. Help would be greatly appreciated.

https://7c82f0.myshopify.com/products/ayatul-kursi-pendant

Hi @techwizard0218

chech this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.product-form__submit span {
    font-size: 15px;
}
    }

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Thanks for the reply. I tried pasting the code here but for some reason the font size did not change:

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Worked perfectly. Thanks!

Glad to help you. Have a good day.