Dawn Theme - How to Center Product Price, Inventory Status and Icon With Text on MOBILE Version

[dandjevents]

Hey guys,

I’m looking for the code to CENTRE Product Price, Inventory Status and Icon With Text on MOBILE Version.

Currently these 3 elements are showing left-aligned:

[Dan-From-Ryviu]

Hi @dandjevents

Could you share the link to your product page?

[dandjevents]

Hi @Dan-From-Ryviu the product page link is: https://www.dandjevents.com.au/products/angels-touch-event-hire-package

[Dan-From-Ryviu]

Please add this code to Custom CSS of Product information

@media (max-width: 749px) {
    product-info .price { text-align: center; }
    product-info .icon-with-text .icon-with-text__item,
    product-info .product__inventory { justify-content: center; }
}

[dandjevents]

Thank you @Dan-From-Ryviu that worked perfectly!

[Dan-From-Ryviu]

Happy I could help!