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

Dell Windows 7 Laptop and Wifi...

PROBLEMThe Dell Latitude E7270 & E7250 laptops my company uses have various wifi-related issues under 32-bit Windows 7.  They won't connect to certain wifi ...

Joomla Running on Nginx and Ub...

What follows is an outline I compiled while researching how to tighten security on a Nginx web server. NOTE 1: Ubuntu 14.04 LTS was used for this. NOTE 2: This ...

How To Build an Ubuntu Web Ser...

The following is a task outline for building an Ubuntu-based web-server to run Joomla and JomSocial.  I created this for my own notes, so apologies if it's...

Joomla - How to Modify RSSocia...

RSSocial is an awesome free Joomla extension I use to display social media icons on my site.  Since it uses the Fontello Zocial font kit, I figured out how to m...