ok @tgw,
Please install and activate the Duplicator — WordPress Migration Plugin, backup your WordPress site and send it to info[at]gvectors.com email address to allow us to check it.
ok @tgw,
Please install and activate the Duplicator — WordPress Migration Plugin, backup your WordPress site and send it to info[at]gvectors.com email address to allow us to check it.
@astghik
Thanks. Sent
Hi @tgw,
Please follow these steps to get it resolved
1. Open the kale.js file in \wp-content\themes\kale\assets\js folder
2. Find the function kale_responsive_videos() function and replace to the code I've provided below
function kale_responsive_videos(){
YOUTUBE_VIDEO_MARGIN = 5;
jQuery('.single-content iframe, .page-content iframe').each(function(index,item) {
var ifr_src = jQuery(item).attr('src');
if(ifr_src && ifr_src.match(/(https?:)?\/\/www\.youtube\.com/)) {
var w=jQuery(item).attr('width');
var h=jQuery(item).attr('height');
var ar = h/w*100;
ar=ar.toFixed(2);
//Style iframe
jQuery(item).css('position','absolute');
jQuery(item).css('top','0');
jQuery(item).css('left','0');
jQuery(item).css('width','100%');
jQuery(item).css('height','100%');
jQuery(item).css('max-width',w+'px');
jQuery(item).css('max-height', h+'px');
jQuery(item).wrap('<div style="max-width:'+w+'px;margin:0 auto; padding:'+YOUTUBE_VIDEO_MARGIN+'px;" />');
jQuery(item).wrap('<div style="position: relative;padding-bottom: '+ar+'%; height: 0; overflow: hidden;" />');
}
});
}
3. Delete all caches:
Hi @astghik
This fixed the issue on desktop, but the issue remains on mobile. Is there anything we can do to make sure that it works on both?
Please try to check it using other devices. Probably it's a cache issue.