Tagged: content width, height, portfolio raster, responsiveness
Dear support team,
on our page https://www.hapkido.academy i experience incorrect display of video thumbnails in a portfolio raster (“adjust to content width”). This happens in Firefox, when i fully reload the site (shift + reload) and immediately scroll down to Videos. If the browser hasn’t rendered the page fully yet, it seems you forget to adjust the correct height of the video thumbnails once it has finished its work.
When i resize the browser window, the thumbnails’ heights is immediately corrected.
Is this a bug in your theme?
Am i doing something wrong?
I attached links of a sample output in case you can’t reproduce the effect instantly.
best regards,
Tom
Hey Thomas,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Andy
Hey Andy,
here the requested info …
best regards,
Tom
Hey!
Thank you for the info.
We added the following code in the functions.php file.
add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){
var int = window.setInterval(function(){
$(window).trigger('resize');
}, 1500);
$(window).load(function () {
setTimeout(function() {
clearInterval(int);
}, 5000);
});
})(jQuery);
</script>
<?php
}
Please remove browser cache or hard refresh before checking the page.
Cheers!
Ismael
Hi Ismael,
thanks for the workaround!