Bottom screen footer and above content while scrolling up/down


Author Message
Kevin

Posted: 12/13/2015
Quote message 

Hi there,

My customer wants to have it's footer to follow the bottom of the screen but I'm unable to scroll down to see all the content of the page.

I'd like to have it done so poeple can scroll to see all the content of the page but still have the footer to follow the bottom of the screen.

I've already figured out how to get the image to scale with the windows (smaller or larger) but unable to find how not to hide content with it.

Please see my demo website: http://demo.kltinformatique.ca/wordpress/

Thanks!
 
Kevin

Posted: 12/13/2015
Quote message 

Quote Kevin:

Hi there,

My customer wants to have it's footer to follow the bottom of the screen but I'm unable to scroll down to see all the content of the page.

I'd like to have it done so poeple can scroll to see all the content of the page but still have the footer to follow the bottom of the screen.

I've already figured out how to get the image to scale with the windows (smaller or larger) but unable to find how not to hide content with it.

Please see my demo website: http://demo.kltinformatique.ca/wordpress/

Thanks!


Modded CSS:

.art-footer-inner
{
margin: 0 auto;
height: auto;
width: auto;
padding: 5px;
padding-right: 5px;
padding-left: 5px;
position:fixed;
bottom:0;
z-index:999999;
}

img {
max-width:100%;
max-height:100%;
}

Modded Footer.php:

<footer class="art-footer">
<div class="art-footer-inner">
<img src="http://demo.kltinformatique.ca/joomlademo/templates/piedvac_demo/images/iStock_000068180077_resize_fullpage_adaptive.png">
<?php get_sidebar('footer'); ?></div>
</footer>