BigText not working on iPhone

[rickpbaker]

Hi all,

http://bootcoffee.com/about/

I'm working on a site using BigText and I can't seem to get it to load on an iPhone. Has anyone else had this issue?

When testing using a user agent switch in Firefox, it works as it should. However on an iPhone, it doesn't, which makes it hard to test.

Thought I'd check here if someone had some advice for me.

Thanks,
Rick.

[jjroelofs]

For me bigtext also fails to do anything on iphone. Has anyone had success on iphone?

[rickpbaker]

I still haven't been able to find a solution either. Hoping someone else might have.

[fheidenreich]

Are there any news on that issue? I'm also trying BigText within MobileSafari with no effect.

Thanks. Florian

[yumyo]

I got it working in mobile safari even inside a WEBVIEW. Both iOS5 and iOS6 on iPad.
Not yet tested in iPhone but it should be the same.

[zachleat]

Revisited this and ran into a somewhat unpredictable condition. If the bigtext element is wider than the device width, iOS will not display the new font sizes correctly.

For example, on an iPhone screen with a device-width of 320px, if I try to bigtext an element that is 400px wide it will have no effect. If I change the element and remove the width, or set the width to 100%, or change it to max-width: 400px, bigtext works as expected.

Make sure your bigtext elements use a fluid width or have set max-widths.

Just something to keep in mind, guys.

I’m going to keep this open for now, maybe there is a better automated solution we can build into code.

[mdarby]

Sad to say that even with width:90%, bigtext doesn't seem to work in portrait nor landscape mode..

[mdarby]

Oddly enough, I set this media query randomly and bigtext kicked right into gear...

// iPhone 5:
@media screen and (device-aspect-ratio: 40/71)
  ol#bigtext
    font-size: 4em

[mdarby]

Also of note, I tried 1,2,3em with no luck (thinking that it was just font-size kicking it into gear). I tried 10em thinking it was just that setting the font far too large would do the trick. No luck there either. There's some weird balance going on.

[cliffordp]

Not sure if it this info helps, but I've only ever used BigText v1.2 (now v0.1.2) and it works on iPhone (including resizing bigger when turned to landscape). Maybe try v0.1.2 and see if it works for you too.

[cliffordp]

FYI: I tried v0.1.5 and it worked on iPhone 5 too. Although I noticed it closed off my div class instead of letting me add more classes and in-line style via PHP.

[zachleat]

0.1.7 on the demo http://zachleat.github.io/BigText/demo/simpleDemo.html seems to be working fine on iOS 8. Please reopen if you have additional issues.