-
Posts
-
Back for more help with big yet seemly easy to fix issue :)
I had my new site about 95% done and a big issue has appeared. The problem is there is a 10 or 15 pixel white space below a video embed that I can not figure out how to remove. This problem only seems to effect ipads and mobile phones, because everything looks great on desktop but not on ipads or mobile phones (in landscape / portrait view as well both have the problem)
I’ve tried all the obvious stuff but I’m stumped……?
I followed some enfold threads and added a Custom Css Class to my text block (that has the video embedded in it) and tried to zero out the padding but that is not working.
Details of what I did: With the .videofix custom class added to the text block in question, I then applied the following css style to it.
}
.videofix {
padding-top: 0px!important;
padding-bottom: 0px!important;
}}But again that is not working…………….. ?????????????????
I also tried media queries too, but can’t figure why this white space is being so stubborn? I’m not the best with media queries, which I assume is the problem though it could be something else?
Please help me remove this white space I’m stuck :(
I have attached a pic that shows the problem https://postimg.org/image/nbqa4n7i9/
and my private details and site URL info as well.Any help would be much appreciated…
Thanks
Ivy
thanks for reply
same problem it looks fine on desktop but not on ipad and mobile phone, they both still have that space under the video. I need to remove that space it should sit flush with the gray footer / bar below it, with no gap. The 2nd picture in the following screen shot shows the exact issue
https://postimg.org/image/nbqa4n7i9/
if you dont load it on ipad you wont notice
i tried this on just plain youtube video embed and had the same issue. I have not found a thread that addresses this? I tried CSS / firebug for a few hours today but could not get to the bottom of this. I’ll give er another go tomorrow but I could use a hand on this one
Hi!
I have removed the xcreenshot.
Please do not that when you post multiple times, on the top of an image, it drives it last to the que.
Please do try to avoid that.THanks a lot
Regards,
BasilisThanks for removing image
Also I could not make out what you last said / meant?
Anyway I have been trying for days now and I am still stuck. I can not remove this white space below video on mobile phones and ipad :(
My friends are waiting on me to finish this site and I could really use a hand figuring this out.I have been using a Firefox addon called web developer and the strange thing is the I don’t see the problem on that emulator but I do see the problem on a actual kindle and ipad, they both show the space below the video .Here is a pic showing my issue with a bit more detail
https://postimg.org/image/3pnd92w5j/
Even normal non responsive you tube video embeds have this space under the videos??????????????
- The topic ‘Enfold is Broken: White Space Below Video? Effecting Ipads/Mobile only?’ is closed to new replies.