Tagged: enfold
Is there a method to make a Grid Row element always be 100% of the height of the screen?
Hey Andrea!
Please refer to the topic here
https://kriesi.at/support/topic/enfold-grid-row-element-set-minimum-height-of-100-browser-height/
it will help you find the solution you need.
Please let us know if we can do anything else for you.
Best regards,
Basilis
I tried implementing the code below but it didn’t fix the grid thing being 100% of the height.
——
add_action(‘wp_footer’, ‘ava_grid_height’);
function ava_grid_height(){
?>
<script>
(function($){
$(window).resize(function() {
var win = $(window),
calc_height = function() {
var winh = win.height(),
header = $(‘#header’).height(),
title = $(‘.title_container’).height(),
gridh = winh – header – title;
$(‘#custom-grid’).css(‘height’, gridh/1.5 + ‘px’);
}
win.on( ‘resize’, calc_height);
calc_height();
}).resize();
})(jQuery);
</script>
<?php
}
Hi,
Can you try implementing this (just need to swap some classes to target grid row instead of accordion slider)?
Best regards,
Josue