How to fix the ''Continue shopping'' button all black issue (for mobile)

[richardzekry]

Hi team! Everything on my web is exactly how I want it to be for now, however I have a small issue on my mobile version that bothers me. The ''Continue shopping'' button is all black with black letters and a hover effect that turns the box grey. I want it to be exactly like my desktop version, which is just a simple black box with ''Continue shopping'' in white letters. Here's my URL: https://richardzekry.com/

Please let me know if this is fixable, thank you!

Mobile screenshot is the issue.*
Desktop screenshot is how I want it to be.*

 

 

[Bundler-Manuel]

Hey there Richard @richardzekry  perhaps this video here https://m.youtube.com/watch?v=ZIShkpTY_TY could direct you on how to customize the button to exactly how you want to be on your mobile.

[BiDeal-Discount · Accepted solution]

Hi @richardzekry 

Let try to add Custom CSS:

.cart__warnings a.button {
  background-color: #000;
  color: #fff !important;
}

[richardzekry]

Hello, this solved the issue. Thank you very much!

[BiDeal-Discount]

You're welcome 🤗

[Dan-From-Ryviu]

Hi @richardzekry 

You can solve it by adding this code to Custom CSS of your theme settings 

@media (max-width: 750px) {
.cart__warnings .button { color: #fff; }
}