Display on mobile

[OurPerrin]

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.

[jdan]

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

Did you put that width in there yourself?

[OurPerrin]

Yes, I did.

[jdan]

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.

[OurPerrin]

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.