Add to Cart button woocommerce background and with doesn't display correctly

Question

I have a problem with Add to Basket background and width display on mobile phone. I do not know why it has been like that.

Can you guys checkout my website https://www.theturkishshop.com and let me know how I can fix "ADD TO BASKET" button, which is displaying not correctly ( the background of the left is white). Thanks and look forward to hearing ideas from you guys.

Thanks

Answer 1

You have to add background-image: none !important; to your buttons CSS.

Complete CSS-Rule:

@media screen and (max-width: 767px) {
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        background-image: none !important;
    }
}

Answer 2

Hello You needs to add following css:

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #CAA300 !important;
    background-position: 7% center !important;
    width: 77%;
}