Price and sale price error when brower by webview.

Hi,
I have problem with sale product have sale price and regular price, they overlap.
When i access product page or product catalogue by webview (it mean access website direct in facebook messenger, FB app, tiktok app)
I try with my site and your demo site. It same problem.
Pls check and fix.

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.woocommerce-Price-amount.amount bdi {
margin-left: 15px;
}

Best Regards

It move both of them to right. I want only slip them, move only sale price, Keep old price.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous Custom CSS with the following then check back.

body .price ins .amount {
    margin-left: 15px;
}

Best Regards

Hi.
After add CSS, It show good for webview on messenger or any app.
But it have so long space when i brower direct from Chrome.
Test on IOS.
Lock at attachment file.

Attachments:

You must be logged in to view attached files.

On catalogue same.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

@supports not (-webkit-touch-callout: none) {
   body .price ins .amount {
    margin-left: 15px;
}
}

Best Regards

I did it but still not work for webview on messenger and same.
Most people visit products from FB app, Tiktok app, messenger by ads, share…
So pls fix it.

Attachments:

You must be logged in to view attached files.

Hello,

Please, provide us with your admin access, so we can log in and check this on your side.

Thank you in advance.

Yes. Pls check. It only your demo content.

Hi,

Try to remove all previously provided code and add the following custom CSS code to the Global Custom CSS area in Theme Settings.

@supports (-webkit-touch-callout: none) {

	body.hide-larger-price .price {
			white-space: nowrap !important;
	}
	
	body.hide-larger-price .price>ins,
	body.hide-larger-price .price>small {
			margin-left: calc(1em + 4px) !important;
	}
	
	body.hide-larger-price .wd-sticky-btn-cart .price {
			white-space: nowrap !important;
	}
}

Kind Regards

[Author]

Posts