Notifications
Clear all

Selected files never show up in the browser window

15 Posts
3 Users
0 Reactions
4,826 Views
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

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.

Reply
Posts: 7
 tgw
Customer
Topic starter
(@tgw)
Member
Joined: 6 years ago

@astghik

Thanks. Sent


 

Reply
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

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:

  • If you use some cache plugins delete those plugins caches
  • Navigate to Dashboard > Forum > Dashboard click on [Delete all caches] button.
  • Press CRTL+F5 (twice) on forum frontend and check again.

 

Reply
TGW
Posts: 6
 TGW
Customer
(@guruthe-great-work-org)
Member
Joined: 7 years ago

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?

Reply
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi @guruthe-great-work-org,

Please try to check it using other devices. Probably it's a cache issue. 

Reply
3 Replies
 tgw
Customer
(@tgw)
Joined: 6 years ago

Member
Posts: 7

@astghik

I tried from another device after clearing caches, as well as incognito mode. Still not working on mobile

Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

Hi @tgw,

This issue doesn't have any relation to wpForo. It comes from your theme. You should contact theme support.  

Reply
 tgw
Customer
(@tgw)
Joined: 6 years ago

Member
Posts: 7

Is there a list of themes confirmed to work fully with WPforo? The themes you develop/test on?

@astghik

Reply
Page 2 / 3
Share:
Scroll to top