No matter what I try and do with align-text or anything else, size and low stock text both refuse to center no matter what on Dawn. Anyone know how to get this to work for mobile only… I noticed that for size specifically after disabling pay Shop Pay Installments which I’m not eligible for apparentl…

Please change the code to this and try to save again @media (max-width: 767px) { .product { font-size: 14px !important; text-align: center; } quantity-input.quantity { margin: 0 auto !important; } variant-radios { text-align: center; } .accordion .summary__title, .product__inventory { justify-conte…

https://amongstla.com/products/the-everyday-tee It also won’t let me save changes I made centering product text and contents… ideally every single element is centered from quantity to size, collapsible rows and text. Not sure why in 2024 we can even get a basic button to center text for mobile but …

Please add this code to your Custom CSS in Online Store > Themes > Customize > Theme settings @media (max-width: 749px) { variant-radios { text-align: center; } .product__inventory { justify-content: center; } }

That works in isolation, thanks! But it will not let me save my code when I add in this for the collapsible rows: .product__accordion .summary__title { justify-content: center !important; } Do you know how to fix that? Size one is still incorrectly justified.

Please try to use this code instead. .accordion .summary__title { justify-content: center; }

Still won’t let me save after inputting that code

Where di you add the code and what issue you are getting?

Here’s the current full code inputting into the CSS section of the product information “custom CSS” section: @media screen and (max-width: 767px) { .product { font-size: 14px !important; text-align: center; } quantity-input.quantity { margin: 0 auto !important; } variant-radios { text-alig…

Literal lifesaver, it worked! I also tested the size issue on my phone and it seems to be displaying as centered, so it looks like Shopify’s mobile preview is just incorrect on that. Thank you so much!

Size and low stock text will not center on mobile even with align text set to center

Technical Q&A

Dan-From-Ryviu July 9, 2024, 3:10am 2

Hi @AwfulProdDesign

Could you share your store URL to check?

Topic		Replies	Views
How can I center my product text on mobile version? Store Design design , customizations , css , shopify-themes	7	51	November 16, 2023
Help With Centering Size Text, Variety Pills, And Quantity Text, With Dawn 11.0.0 Update (Mobile) Store Design design , css , troubleshooting , product-page	6	39	August 22, 2023
I want to center this on my products pages Store Design design , html , product-page	9	75	December 10, 2024
How to center entire mobile site (Dawn Theme) Store Design	10	43	October 25, 2022
How can I center align and resize the 'IPHONE' tab in the Story theme? Store Design	15	38	February 23, 2022

Size and low stock text will not center on mobile even with align text set to center

Related topics