Center text in products description on mobile (Refresh Theme)

Shopify Discussion
1

Hello,

Can someone tell me how to center the text on mobile for the product description title, price, variant picker, and quantity? It is currently left aligned and it doesn’t look good with everything else being able to be centered. I would like all of the below items to be centered.

Screenshot 2023-06-15 at 12.21.36 AM.png
Screenshot 2023-06-15 at 12.21.36 AM.png648×704 29.3 KB

2

Hey @shortHairRASTA
Kindly share your Store URL and Password if enabled

3

Hi Moeed,

Thanks for the fast response. My store URL is www.luxedecorista.com

4

Hey @shortHairRASTA

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1686804006231.png
Moeed_0-1686804006231.png371×664 28.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hi Moeed,

I pasted the code exactly as requested. It appears to have centered the sections on the desktop version of the site, but it had no effect on mobile. I would also like the word “color” in your image above to be centered as well, if possible. I appreciate your help with this.

6

Hey @shortHairRASTA
Remove the previous code and add this new code

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

7

Hi Moeed,

Thank you! This seems to have worked for the most part, but the word “Color” is still left-aligned and it looks improper. Is there any way to fix that?

Also, the last thing that I wanted to fix was centering the footer menu on mobile. It is centered on desktop, but is left-aligned on mobile. Any help with that would be extremely appreciated.