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 - 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...
Batocera - How To Pair 8BitDo ...
I struggled a bit with getting my new 8BitDo M30 controller to pair properly with Batocera. Before we begin, please make sure the controller is on the latest f...
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...
What I Hate About Mac and What...
Since I'm into creating comedy videos and recording my own music, I thought I'd try shifting to the Mac platform for my creative pursuits. I made the move in la...