Japanatron Logo

PROBLEM
After updating my Joomla Gavick template to the latest version, the embedded YouTube videos appeared massively large on desktop browsers.  Mobile browsers looked OK.

SOLUTION
The problem is caused by the fitvids library introduced in later template versions.

- Find the file fitvids.jquery.js in the template's js folder.
- Comment-out line 25 in fitvids.jquery.js.

// var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';

Related Articles

The Hunt for the Ultimate Blue...

I'm obsessed with bluetooth.  So much so that I've been hunting for heaven's own pair of bluetooth headphones for my Tokyo subway commutes.  I'm already on my 5...

Joomla 2.5 - Horizontal Footer...

For some reason Joomla 2.5 lost the ability to show nice horizontal menus in the footer; instead the items appear vertically.  I personally used this in Joomla ...

Kingston USB Drive Not Working...

I upgraded to MacOS El Capitan and to my chagrin my Kingston USB drive no longer works.  I get some stupid "Unable to start DTXX application" or "ERR_COULD_NOT_...

How to Find and Replace Text U...

After changing website templates I found that all instances of the <ul> html tag (used for bullets) no longer worked because the new template requires a c...