Content position to absolute bottom

Hello,

If you’re using the “Normal Mode”, you would simply have to use the “Fixed” positioning. For the Full Screen mode, this is already the case.

Then add a large top margin to the content element, which you can do with the “Custom Stylesheet” of the active Image Set, possibly ensuring that it takes up the full width of the screen.

Hi Myatu,

Thanks for getting back. I had tried that CSS option earlier, with this tag:

div#site {
	margin-top: 600px;
}

and

div#site {
	margin-top: 100%;
}

The problem with that method is that the vertical height is not consistent on the users screen size. I did, however, ask around in WP forums for a solution and got this JS option:

$ = jQuery;
$windowHeight = $( window ).height();
$target = $( '.your-class-example' );

$( document ).ready( function() {

 //Apply the min-height to your element
 $target.css( 'min-height', $windowHeight + 'px' );

});

$( window ).resize( function() {

 $windowHeight = $( window ).height();
 //Apply the min-width to your element
 $target.css( 'min-height', $windowHeight + 'px' );

});

However, JS is a bit over my head and I was hoping for an easier solution.

Hello,

I see what you mean – yes, at the moment this could only be solved by using some JS, as this would be wholly dependent on the user’s current window size / view port.

I’m see this sort of function more and more on some of the major news websites. Should you ever develop such a plugin, I’ll be a customer.

Best,