Floating Footer at Bottom of Page

Support
#1

Hi!

So I am looking at making my footer like the one on this website:

Basically if there is enough content the footer stays at the bottom of the window when scrolling down until you hit the bottom of the page, placing the footer in it’s normal position if it were fixed.

If there is not enough content to fill the page, I need the footer to rest at the bottom of the page when the scroll bar is not used/needed.

Thoughts?

Thanks in advance,
J

#2

Hello There,

Thanks for writing in! I do not have any clue to which stack is using. I will just assume the integrity stack and to resolve your issue to accomplish what you want for the footer, you will only need to add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(min-width: 980px){
    footer.x-colophon.bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
    }    
}

We would loved to know if this has work for you. Thank you.

#3

Hi,

Thank you for your help. Yes Integrity is the stack I am using. I copied the code and threw it in and it is working, however it doesn’t allow me to scroll all the way down to the bottom of the page, essentially cutting off whatever the width of the footer is along the page. Thoughts?

#4

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#5

jamesonschultzphotography.com

=]

#6

It actually appears to be working now. Thanks!

#7

Glad to hear that.

Cheers!