Fancybox video play link not showing up in iPhone

Hi,
I've got Flexslider on this site showing images and video. I'm using Fancybox to play the videos.

http://sandbox.intrepidrealist.com/selva-armonia

I created an icon as an image link to play the video in the popup. I see the image fine on the desktop. But not on the phone. When I remove position: absolute; the icon is hidden below the slide so I know it's there I just don't know where it shoots off too in position: absolute; even though I've given the parent element a position: relative;

Can some tell me where that icon is hiding?

Thanks!
LVL 9
Alicia St RoseOwner & Principle Developer/DesignerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
I'm having a hard time finding it.
But I would position the play icon relative to the LI (no divs just the image) and make the whole LI clickable to play the video - think YouTube where it doesn't matter where click on the video it still plays/pauses.
I think part of the problem is the responsiveness, your events section is jumping up and covering the slideshow.

p.s. looks a lot nicer than the embedded video you had before.
0
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
I FOUND it, by George, I found the problem. Overwritten styles from the Flexslider stylesheet.
Good GOD. I'd missed a spot. Just added position: relative; to .flexslider .slides > li and the coding universe works again as it always has.
Some how I'd placed the element in my theme's stylesheet and couldn't figure out why it wasn't working. Or maybe I've been in front of the compute WAY too long...
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
GaryCommented:
We all have these moments - Problem Exists Between Chair And Keyboard
http://notalwaysright.com/problem-exists-between-chair-and-keyboard/384
0
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
LOL!!!
0
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
GaryC123, you sent me on the right track and I thank you, sir!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.