Mobile display issue on the Simple theme: product description text appears centered on phones. The store owner tried a community-recommended CSS fix by adding to theme.scss.liquid: .product-single__description.rte { text-align: left !important; padding-left: 20px !important; }, but it did not change the alignment on their site.
The helper requested the store URL to inspect the live markup and provide a targeted solution. No code adjustments beyond the posted CSS have been proposed yet.
Key technical detail: the CSS targets the product description element (.product-single__description.rte) and was added to the theme stylesheet (theme.scss.liquid). The linked prior thread indicated this solved similar cases for others, but not in this instance.
Status: unresolved/ongoing. Next step is for the store owner to share the site URL so the issue can be diagnosed and a specific fix suggested.
My store is on simple theme. Text is centred when it’s on mobile. Following a similar thread (https://community.shopify.com/c/Shopify-Design/Simple-theme-text-align-on-mobile/m-p/737496#M184019), I copied and pasted the suggested code to theme.scss.liquid.
It seemed to have fixed other people’s problem, but not mine.
Can someone help please?
Code I copied and pasted is
> .product-single__description.rte {> text-align: left !important;> padding-left: 20px !important;> }>
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.