Breakpoints and text

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
Brian Lambert
 
 
Posts: 92
Joined: Fri Oct 19, 2018 12:15 pm

Breakpoints and text

Post by Brian Lambert »

Hi
I have designed a web site using the default setting and added two Breakpoints 320 and 768. All the text is placed in text boxes using the default page and all text has the 'Enable Responsive Fonts' checked.
My problem is two fold...
1) When I go to the smaller sizes I have to make the text boxes smaller to fit within the confines of that size (320 or 768). To do this I use the drag handles on the right hand side middle or top right corner to resize the text box. While this works ok it causes lower down text boxes to be partly or fully overwritten and its then very hard to see them especially in the 320 size.

2) Once I have the text and any images correct I publish the page and the final full default view is fine. However, the smaller 320 view when seen on my cell phone often has the end of one text block overlapping the next or images appearing in the middle of text not where they should be. This then involves opening up the text blocks to have large spaces between block to prevent the overwriting occurring. (See the screen shot below of the excessively large spaces needed to allow a constant flow of text or image appearing correctly.)

So what if anything am I doing wrong? Is there a simpler way to manages text boxes in the smaller breakpoints?

Image
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Breakpoints and text

Post by Pablo »

Brian Lambert
 
 
Posts: 92
Joined: Fri Oct 19, 2018 12:15 pm

Re: Breakpoints and text

Post by Brian Lambert »

Hi
Yes that helps to some degree. Re the larger than normal gaps needed between text blocks or images.

However, is there a simple way of re sizing text when its initially entered in the default view and then needs to be resized in the smaller 320 etc sizes. If I type say three or more text boxes in default then resizing them in 320 means the lower text boxes are merged/overwritten by the first one being resized. This make the while task of compiling a page a very lengthy time consuming process.

Is there any automatic resizing available?

BTW... Is there any recommend maximum amount of text lines per text block in default?
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Breakpoints and text

Post by Pablo »

For absolute layouts it is impossible to automatically resize objects because there is no way for the software to know what the relation between elements is, since can place them anywhere you like.
However, if you use layout grid or flexbox (flexible layout) then the objects will automatically be resized.

Related tutorial:
http://www.wysiwygwebbuilder.com/layout_modes.html

Note that all recent templates use this layout mode.
http://www.wysiwygwebbuilder.com/templates8.html
Post Reply