Text alignment on mobile page.

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Daniel Baran
 
 
Posts: 50
Joined: Thu Dec 31, 2020 9:23 pm
Location: Oregon, USA
Contact:

Text alignment on mobile page.

Post by 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
https://timespreader.com - Built and Maintained with WYSIWYG Web Builder
Daniel Baran
 
 
Posts: 50
Joined: Thu Dec 31, 2020 9:23 pm
Location: Oregon, USA
Contact:

Re: Text alignment on mobile page.

Post by 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
https://timespreader.com - Built and Maintained with WYSIWYG Web Builder
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Text alignment on mobile page.

Post by 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
 
 
Posts: 50
Joined: Thu Dec 31, 2020 9:23 pm
Location: Oregon, USA
Contact:

Re: Text alignment on mobile page.

Post by Daniel Baran »

Thanks Pablo,
I will pursue that directly.
DB
https://timespreader.com - Built and Maintained with WYSIWYG Web Builder
Daniel Baran
 
 
Posts: 50
Joined: Thu Dec 31, 2020 9:23 pm
Location: Oregon, USA
Contact:

Re: Text alignment on mobile page.

Post by 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
https://timespreader.com - Built and Maintained with WYSIWYG Web Builder
Post Reply