Add to cart button changes only on desktop, not mobile [streamline theme]

Technical Q&A
1

Hello,

I have used this code to change the color of “add to cart” button, however it only works on desktop, the mobile version remains the same. Could somebody please advise why it doesn’t work on mobile and how to fix this?

my website: https://yuggen.org/collections/all-products/products/yuggen-reusable-silicone-ziplock-bag-small-size

code pasted in theme.css.liquid:

button.btn.btn–tertiary.btn–full.add-to-cart {
color: white;
background-color: #591010;
border: none;
}
button.shopify-payment-button__button.shopify-payment-button__button–unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
background: #3E4430 ;
color: white;
}

Thank you :slightly_smiling_face:

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 750px){
button.btn.btn--tertiary.btn--full.add-to-cart {
color: white;
background-color: #591010;
border: none;
}
}

Screenshot:-Screenshot by Lightshot