Text alignment on mobile page.

[Daniel Baran]

I'm creating a new mobile page that includes a 10 line bullet list in one text object.
I prefer a left alignment for the lines of text, but would like the entire block to
maintain horizontal centeredness in a responsive manner. With text alignment
within the box set to left, the entire box also shifts to the far left edge of whatever
screen it is on. Options in the "Center in Page" menu are greyed out.
Any recommendations for accomplishing this are appreciated.
Regards, Daniel

[Daniel Baran]

Okay; After much trial and error, I found something that works.
I put my bulleted list into a "Text Art" box.
After some fussy resizing, formatting and parameter tweaking, it achieves the desired result.
The only (minor) drawback is that the Text Art publishes as an image.
This causes a slightly less sharp rendering of the text, though not severe.
It was good enough that I published it to my live site.
You can see the result there. timespreader.com/mobilehome.html
Going to the root url with a mobile device should get you redirected right to it.
There may be an even better way to do this. If so please let me know your ideas.
Thanks all,
Daniel

[Pablo]

The "mobile page" feature is deprecated. Because it uses jQuery Mobile which is no longer maintained since 2014.
I recommend to use layout grids or fixed layout with breakpoints instead.

[Daniel Baran]

Thanks Pablo,
I will pursue that directly.
DB

[Daniel Baran]

Okay, I followed Pablo's lead and ditched the "mobile page" for a "flex grid" page.
Read several of the tutorials on Layouts, Flex Grid etc., then dove in.
Getting the result I was after now.
For anyone interested, the resulting "page-for-mobile" can be viewed at the previously mentioned address.
Regards,
DB