Hi,
First, you have to edit the file scripts.js in the folder js. You have to remove the function used to center the content. Delete the next code:
/* ==============================================
DIV's POSITION
=============================================== */
var windowHeight = $(window).height();
var homePageHeight = $('#home').height();
if (windowHeight >= homePageHeight){
$('#home').css("padding-top", (((windowHeight-homePageHeight)/2)-40));
$('#home').css("padding-bottom", (((windowHeight-homePageHeight)/2)-40));
}
$(window).resize(function() {
var windowHeight = $(window).height();
var homePageHeight = $('#home').height();
if (windowHeight >= homePageHeight){
$('#home').css("padding-top", ((windowHeight-homePageHeight)/2));
$('#home').css("padding-bottom", ((windowHeight-homePageHeight)/2));
}
});
Then, add the next code to the file style.css to center the content at the bottom of the page.
#home{
position: absolute;
bottom: 20px;
z-index:10;
width: 100%;
}
You can modify the position changing the valur of the attribute bottom.
Regards