Youtube Homepage Video not RESPONSIVE

Embedded Youtube video in home page slider and now the home page is not responsive.

Here is a link to review http://daycareed.com/

 

Hello,

Just edit the embed code of video and make its width 100%, This will solve your issue.


Thanks & Regards
Gourav Shrivastava

 

I just did this and it is allowing the width to be responsive but now the height is overlaying on the content.

Here is my embed code
<iframe width="100%" height="345" src="//www.youtube.com/embed/aPf7d0PTni4?autoplay=1&controls=0&showinfo=0&rel=0&modestbranding=1" frameborder="0"></iframe>

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
iframe {
height: 100%;
}
} 

Thanks & Regards
Gourav Shrivastava

 

Yeah that did it!!!!!

This issue is resolved!

Great job Gourav!