Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #654976

    Is there a method to make a Grid Row element always be 100% of the height of the screen?

    #654990

    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

    #657792

    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
    }

    #657793
    #658637

    Hi,

    Can you try implementing this (just need to swap some classes to target grid row instead of accordion slider)?

    Best regards,
    Josue

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.