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
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 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...
Computing in Japanese - Dealin...
Mojibake (aka "junk text") is a horrible affliction that most computing in Japanese have encountered at some point. Here are some simple fixes that I u...
Roku - Blocking Hard-Coded DNS
The Roku media player has Google's free public DNS (8.8.8.8) hard-coded into it. This is great for DNS redundancy, but totally sucks if you use an unblock serv...