search

jdan / dynamo.js

Cycles through bits of text in place
http://jdan.github.io/dynamo.js/
MIT License
626 stars 65 forks source link

Display on mobile #15

Open OurPerrin opened 11 years ago

OurPerrin commented 11 years ago

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

jdan commented 11 years ago 
<span style="width: 350px !important; ..." class="dynamo" ... >

Did you put that width in there yourself?

OurPerrin commented 11 years ago

Yes, I did.

jdan commented 11 years ago

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 commented 11 years ago

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.