Center Align WooCommerce Product Title on Mobile Devices

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

@media only screen and (max-width: 1067px) {
	.woocommerce div.product .product_title {
		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.