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?
