Debut Theme - Product Description not evenly in middle on Mobile

Solved
GlitchGator
Tourist
11 0 6

On my website, the product descriptions that contain text/images are not evenly in the middle on mobile view. There is way more whitespace on the left than on the right. I'd like it to be centered with even whitespace on both sides.

I'm open to collaborate requests or if you need anything else from me.

Here is my website

https://bakegomo.com/products/naruto-and-tailed-beasts-figures?pr_prod_strat=copurchase&pr_rec_pid=6...

Thanks!

dmwwebartisan
Shopify Partner
5827 1334 1711

This is an accepted solution.

@GlitchGator 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.template-product .product-single__description.rte { margin-left: -22px; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
GlitchGator
Tourist
11 0 6

Thank you so much @dmwwebartisan 

Do you know what caused the issue originally?

dmwwebartisan
Shopify Partner
5827 1334 1711

@GlitchGator 

Actually, the product page using a grid system, and on mobile, it takes left padding. This padding is working on the top portion but when it comes to the description part it moves the product description on the left side. So I have provided you the code above so it works properly.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes