wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Webkit-transform elements dissapear on iPhone IOS

Webkit-transform elements dissapear on iPhone IOS 9 years 9 months ago #98

  • steven
  • steven's Avatar
  • Offline
  • New Member
  • Posts: 1
  • Karma: -2
Hi there,

firstly i'd like to thank you for the great extension, it's really brought my site to life!

Desktop works great.

IOS Works great on elements that aren't webkit-transform

The issue I have is that I have an h2 element with an animation attached, which 'falls' in from the top of the screen.

The animation does happen, only when the element stops in it's location, that it disappears entirely! I thought it was something to do with z-index, tried that but still no luck.

Do you know what the problem could be? I'm guessing that the animate script cannot handle skewed / rotated text?

The site is: www.youthbankscotland.org/ if you view in IOS you'll see what I mean.

Looking forward to your response.

Regards
Steven
The administrator has disabled public write access.

Webkit-transform elements dissapear on iPhone IOS 9 years 9 months ago #100

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Steven,

The issue looks like CSS conflict.
We tried some css alteration to the code and you can see in the screenshot that the H2 elements that were hidden before are visible.
Please try looking for the conflict in your framework or theme used.

Screenshot: https://www.dropbox.com/s/5fua5hnndipffvz/youthbank.png?dl=0
Last Edit: 9 years 9 months ago by eLEOPARD.
The administrator has disabled public write access.
Time to create page: 0.034 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)