How to center + left-justify text for both Desktop and Mobile

Highlighted
Tourist
15 0 1

Hi all,

I'm trying to format our Shipping/Returns pages. 

The text is stretching across the entire default width of the page (1200px) so it looks really bad.

When I use the Shopify editor to indent, it looks terrible in mobile. 

I want to center the text just under the Nav bar, but have it be justified left. 
(the center justify option centers ALL of the text and we don't want this).

Please see below for what I mean. 

The Red Box is where I WANT the text to appear.

Screen Shot 2020-11-11 at 10.08.16 AM (1).png

Below is how the text looks in Mobile if I use the Shopify Text editor indent function 
(makes you wonder what's the point of Shopify editor)

Image from iOS (3).png

Can any one please suggest how I can contain my text so that it is roughly centered underneath the nav bar?

I am using Clean Themes, Symmetry. 

Thanks in advance! 

0 Likes