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.
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!
- Here is the solution for you @techwizard0218
- Please follow these steps:
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- 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.


