Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2015 at 4:27 pm #395129
    Maik

    Hey there..

    is it possible to set the minimum height of a Grid Row Element to 100% of the browser height?
    It is possible for the Color Section, but can it also be done for the GridRow element?

    Your help is appreaciated ;)

    February 13, 2015 at 6:34 am #395518
    Rikard

    Hi Maik!

    Do you have a link to for the site in question please?

    Best regards,
    Rikard

    February 13, 2015 at 10:59 am #395575
    Maik

    Hey hey..

    Of course, please find the link below:
    http://werk-sued.de/test/

    So i set a custom CSS Attribut called higonepix (the red BG) and higoneperc (the violet BG)

    So i want, that the violet GridRow Element is always 100% of the browser height.
    it works, if i set a fix pixel Value, but for me i want to have it more dynamik…

    February 13, 2015 at 11:00 am #395576
    Maik

    oh forget to post my Quickcss:

    .higoneperc {min-height:100% ;}
    .higonepix {min-height:500px ;}

    February 15, 2015 at 2:04 pm #396375
    Ismael

    Hi!

    This is not perfect but it might help. Add the code inside the functions.php file:

    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
}

    Add a unique id attribute to the grid row element using the For Developers: Section ID field. Use “custom-grid” for example.

    Best regards,
    Ismael

    February 16, 2015 at 1:04 pm #396666
    Maik

    As always:

    Amazing fast and qualitativ perfect support.
    Works well for me and everything is fine!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘ENFOLD – Grid Row Element set minimum height of 100% browser height’ is closed to new replies.