It has been difficult to find the coding for centering product titles on the product page. This is more in depth of a project though. I am trying to center the product titles of the product page on mobile only. I do not believe centering on the desktop is noteworthy. Finding a code for this has been…

I understand you want something like this. Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code.

Hi @NashMashPets You can add this code to the very bottom of your theme.css file in Online Store > Themes > Edit code to align the product title to the center .product-info__title.h1 { text-align: center; }

Hi @NashMashPets This is Henry from PageFly - Landing Page Builder App You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file theme.css Step 3: Paste the below code at bottom of the file → Save @media (max-width: 767px){ .product-info…

Hi, Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css @media screen and (max-width: 999px) { .product-info__title {text-align: center; } }

Masters Hub Thank You- Do You know a code to center the pricing also>? [718EBB90-7B5B-47D1-BEFD-0B0252B65D03.jpeg]

( The Pricing AND the Tax + Shipping calculation text)

Always. You’re welcome. You can use this code.

i Have added the code. The tax and shipping calculation centered…Although the Price did not center.

Sorry little mistake. Try again :slightly_smiling_face:

Product Title On Product Page Centering - For Impact Theme

Store Design

MastersHub February 19, 2024, 6:41am 20

Hi @NashMashPets , Maybe it could be of use to you.

Topic		Replies	Views
Center Align Product Title In Mobile Version (Dawn) Store Design design , shopify-themes	7	71	June 1, 2023
How To Center Product Title And Price On Product Page Store Design design , customizations , css , third-party-themes , shopify-themes , html , product-page	4	106	March 25, 2024
Centre product title and price on product page - motion theme Store Design	10	75	January 5, 2022
How can I center product title and price on Debut Theme landing page? Store Design	14	90	June 13, 2022
I want to center this on my products pages Store Design design , html , product-page	9	102	December 10, 2024

Product Title On Product Page Centering - For Impact Theme

Related topics