Goal: Center the main product title on the product page (both mobile and desktop) in the Stiletto Shopify theme.
Context: The requester’s live site appears centered to one responder, but the change is needed on a separate test/demo site. They previously had working code but lost it.
Clarification: The element to center is the primary product title (main heading). A screenshot was shared to indicate the target element.
Attempts: Multiple code tries were mentioned but none worked reliably. No specific code snippets were shared in the thread.
Community input: One reply noted titles look centered already; another asked which title was meant. The requester confirmed it’s the main product title and that the demo site is not yet published.
Status: No solution or CSS snippet has been provided yet. The requester is seeking a code example to center the product title; the discussion remains open.
Hello!
I want to center only the title of my products on the product page, instead of having it aligned to the left, both on mobile and desktop.
My theme is Stiletto and my website is www.winnerofficial.com
I tried many codes but none of them work properly!
It looks like your product titles are already centered on both mobile and desktop
Hi @martujv
What title in the product page your referring too?
Yes! That would be perfect
Hello!
The main product title, like this:
I’m working on a test website and I lost the code that I had to center the product titles hahah
It’s for a demo website that I didn’t release yet, do you have a code for centering the product titles?
