Center Align WooCommerce Product Price on Mobile Devices

By default, WooCommerce Single Product Price is aligned left on mobile devices. If you want to center align WooCoomerce Product Price, use the following CSS snippet:

@media only screen and (max-width: 1067px) {
	.woocommerce div.product p.price {
		text-align: center;

Adjust the max-width value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Useful Links:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.