Home Forums WoodMart – Premium Template Increase “Add to cart” button on product page – Safari browser issue

Increase “Add to cart” button on product page – Safari browser issue

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #384067

    malcolmff
    Participant

    Hi, I increased the size of the add-to-cart button but on safari it doesn’t work. please help!

    #384381

    Elise Noromit
    Keymaster

    Hello,

    Please try this code:

    .product-type-variable .woocommerce-variation-add-to-cart-disabled {
    display: flex;
    }
    .product-type-variable .product-image-summary .single_add_to_cart_button {
    flex-grow: 1;
    }
    .product-type-simple .product-image-summary .cart {
    display: flex;
    }
    .product-type-simple .product-image-summary .single_add_to_cart_button {
    flex-grow: 1;
    }

    and remove yours.

    If you have any questions please feel free to contact us.

    Best Regards

    #384397

    malcolmff
    Participant

    Some of oit works but doesn’t work for these pages with extra product option. Screenshot attached

    Attachments:
    You must be logged in to view attached files.
    #384475

    Elise Noromit
    Keymaster

    Hello,

    Does the problem occur on Safari? I check on the Chrome and no problem: https://gyazo.com/4f8cec5de067fd91900c5fb38e22671f

    If you have any questions please feel free to contact us.

    Best Regards

    #384834

    malcolmff
    Participant

    Yes, only Safari

    #384944

    malcolmff
    Participant

    Please help!

    #385369

    Elise Noromit
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-variation-add-to-cart button {
    	width: 100%!important;
    }

    Best Regards

    #385501

    malcolmff
    Participant

    Do I use that with your CSS changes or put it into the existing ones?

    #385502

    malcolmff
    Participant

    Wait, I added it into the existing CSS and worked! thanks !!

    #385784

    Elise Noromit
    Keymaster

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Increase “Add to cart” button on product page – Safari browser issue’ is closed to new replies.