Centering product prices in the Trade theme on Shopify. The goal is to align price text under each product card to the center.
An initial fix was shared via theme.liquid (adding a code snippet before the closing tag). The change successfully centered prices for the original poster and on desktop/Android.
A follow-up issue emerged: prices remain left-aligned on iPhones, while they are centered on Android and desktop. Multiple iPhone checks confirmed the inconsistency.
Screenshots are central to understanding the mobile display difference (Android vs. iPhone) and verifying the issue.
Requested outcome: a mobile/iOS-specific adjustment that keeps prices centered without reverting to left alignment across devices.
Current status: no iPhone-specific solution posted yet; discussion remains open with a need for CSS or theme code targeting iOS/mobile behavior.
hello everyone!
i’m trying to center the prices on my products. thru the community forums, i did find code to center align the product name… it just didn’t take the price with it.
can anyone help please? https://0zg0xx7b7my7p3tb-77911654695.shopifypreview.com
Hey @grumpycookies
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
such a fast response! thank you so much!!! it worked!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
hi again Moeed!!!
after i centered the prices, my cousin kept telling me that hers were not. i really thought it was the size of her phone screen being the issue. but i checked with 2 other IPHONE users, and that seems to be the issue. first screen shot is from my android, second is from a friends IPHONE. oh and i should mention that it’s also centered on desktop.
is there some code to help correct this? i really don’t want everything back to being left aligned 
