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.


2 Answers 2


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;
  • yes, it's been accepted. And thanks once again for helping me :) Apr 29, 2017 at 8:59

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%;
  • I tried but the result is still the same. Can you check it on mobile and help me? it is really urgent. Your help is much appreciated. Thank you very much. Apr 24, 2017 at 11:36
  • You can use this in media query -> @media screen and (max-width: 767px) {
    – Tarun modi
    Apr 25, 2017 at 12:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.