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

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

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

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.

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

Yes, only Safari

Please help!

Hello,

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

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

Best Regards

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

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

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts