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 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

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 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

• css
• woocommerce-offtopic

Share Improve this question asked Apr 24, 2017 at 11:22 user3051274user3051274 1355 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 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;
    }
}

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%;
}