[Resolved] Footer height increases due to padding from YouTube WD plugin

Hi Andrew,

I have a YouTube WD plugin to embed a YouTube channel into the website. It works very well, except that the footer height increases abnormally large as seen now (beta.vedantaprov.org). We found this to be due to “padding-top” in the following div from “Inspect” tool of Google chrome:

<div class=”fluid-width-video-wrapper” style=”padding-top: 636%;”>

1. If we change “padding-top” to “100px” or “100%” in the Inspect tool then the footer height is fine. Note that is not a feasible solution as Inspect tool is just a preview in the web-browser.
2. If we disable usage of FitVids.js through Appearance->Customize->Theme Settings->Layout, footer height is again fine. This is the currently the feasible solution.

Little more digging in code points me that most likely culprit is here:
/wp-content/themes/ultra/js/jquery.fitvids.js

The likely place there could be:

1. var css = ‘.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}
OR
2. $this.wrap(‘<div class=”fluid-width-video-wrapper”></div>’).parent(‘.fluid-width-video-wrapper’).css(‘padding-top’, (aspectRatio * 100)+”%”);

Anyway, here it goes beyond my skill level. Can you kindly let me know what needs to be changed to avoid this issue? Also by not using fitvids.js would I have any issues on responsiveness of the website across mobile/tablet/larger screens?

Thanks again,
Srikanth