Cart Total and Button resize in browser on Mac

Hi

I have an issue in my Safari Browser on a Mac. Adding an item to the Cart with the + and -, and also the Add to Cart button enlarge in size after the page loads? I’m attaching a screenshot.

I have tried everything, turning off all plugins etc. Is this a browser problem?

It’s a recent problem and is happening in other sites I’ve built using Basel.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

This problem is caused by WooCommerce Payments https://prnt.sc/6US7HphNuZHr

You can either disable the plugin or add this code:

.single_variation_wrap {
    width: 100%;
}

.single_variation_wrap #wcpay-payment-request-button-separator {
	margin-block: 0px !important;
	order: 2;
}

.single_variation_wrap .wcpay-payment-request-wrapper {
	flex-basis: 170px;
	padding-top: 0 !important;
	order: 3;
}

.woocommerce-variation-add-to-cart {
		align-items: center;
    width: 100%;
}

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

Best Regards

[Author]

Posts