Text overlapping on mobile

Hi Guys, I have put text in 2 boxes so it wraps round the showcase box (as per link above). However when I view it on mobile the 2 boxes seem to be overlapping.

In safari and firefox it look fine.

I have put the text in HTML boxes using arial font.

Thank you for your help.

http://www.ddearcarpentry.co.uk/refurbs.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

You don’t need to split your text to make this layout. Draw a single large HTML box the size of the combined graphic and text elements. Then paste your entire run of text into that box. Select the graphic (yes, I know it’s a slider/carousel thing) and cut it to the clipboard. Double-click inside the large text box and use the arrow keys to move your flashing text cursor to the very first character of the first paragraph, and paste. Finally, adjust the style of the carousel element to "float: right; margin-left: 10px; margin-bottom: 5px. That should get you the look you have here, without any need to split your text across multiple boxes.

Walter

On Sep 19, 2016, at 5:30 AM, Tony Farrer email@hidden wrote:

Hi Guys, I have put text in 2 boxes so it wraps round the showcase box (as per link above). However when I view it on mobile the 2 boxes seem to be overlapping.

In safari and firefox it look fine.

I have put the text in HTML boxes using arial font.

Thank you for your help.

http://www.ddearcarpentry.co.uk/refurbs.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options