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

[jbslide]

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. 

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

Thank you in advance.

[PageFly-Victor]

Hi @jbslide ,

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

[PageFly-Victor · Accepted solution]

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 </body> :

<style>
@media (max-width: 767px){
.product__description.rte.quick-add-hidden > h5 {
    position: relative;
    text-align: center !important;
    right: 12%;
}
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[jbslide]

Thank you, PageFly-Victor!

That fixed it