dynamo.js Display on mobile

Hi The div that is created for each word in the data line is wider than the body so is creating a margin down the right hand side of the iphone screen.... The image attached shows the margin... and the width of the div that is hidden.

Any help would be much appreciated.

dynamo-mobile-error

May 16 '13 17:05 OurPerrin

<span style="width: 350px !important; ..." class="dynamo" ... >

Did you put that width in there yourself?

May 19 '13 17:05 jdan

Yes, I did.

May 20 '13 05:05 OurPerrin

One solution I see is adding a data-width property to the dynamo container. Then, in the source, prompting .dynamo() to look for this "width" property and use that as the width for the child elements, rather than automatically sizing them.

That is, instead of 424px, you could force dynamo to use 350px.

I'd like to work more closely with you on this, is there any way you could create a fiddle to replicate this bug? Feel free to reach out to me through email if you would prefer to discuss details that way.

May 21 '13 18:05 jdan

Hi, So are you saying in my html I would put something like; Simple, Secure, Scalable, Online Testing.

As for replicating it... erm I have built it into a wordpress page, using a theme that is (based on the foundation framework) responsive.. site address is www.aspireplatform.com

thanks for getting in touch.

May 22 '13 17:05 OurPerrin