How to manipulate product description text alignment in Mobile View on the Refresh Theme

Technical Q&A
1

I’m trying to figure out how I can adjust the product description text positioning in Mobile View.

Below is from a Web browser: The text “OMG! SLEEP JUST GOT BETTER!” is centered as I want it

Note that the text was left aligned, but I centered the text using the space bar to be centered with the image below.

jbslide_0-1679239891617.png
jbslide_0-1679239891617.png518×235 8.8 KB

Below is from an IPhone: As you can see, the text is off center and to the right, against the image below.

jbslide_1-1679241257090.png
jbslide_1-1679241257090.png424×241 138 KB

Thank you in advance.

2

Hi @jbslide ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

Hi @jbslide ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

4

Thank you, PageFly-Victor!

That fixed it