Sticky Footer - Sydney Pro

Hi:

I have been pulling my hair out trying to get a sticky footer to work with Sydney Pro.

I have tried numerous css settings, plugins, etc but can’t seem to make it work.

Could you please point me in the right direction? Is there a plugin or CSS that will force the footer to stick to the bottom of the page when the page runs short?

Hello Elarie,

Can you please provide a link to your website in order to let me inspect it?

Kind Regards, Roman.

Hello Roman:

Link to a short page:

Elarie, it looks like this issue requires some coding and testing, this goes beyond our support policy. It’s considered advanced customization.

As an option, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Kind Regards, Roman.

Hello Roman,

First off, sorry to hijack another thread! It’s just I was about to post the exact same question for West Pro. Here is a link to a page I’m having an issue with. Does this also fall outside of the support policy?

http://mymmfgift.com/membership-account/membership-levels/

Thanks!

~Jakob

Okay, thanks Roman. I thought this should just be an easy fix with some basic CSS styling.

@JakobW: In your particular case it’s easy to do by adding this in Customize > Additional CSS:


#page {
    position: relative;
}
.footer-wrapper { /* .site-footer here instead for Sydney */
    position: absolute;
    bottom: 0;
    width: 100%;
}

However, a correct solution would also involve some JS, not just CSS. Might make sense to add it as the default behavior in future updates.

@Vlad, Thanks a lot!!

I added the additional css code and strangely it seems to have moved the footer up to bottom of the Live Composer row. Perhaps I did something wrong? Not sure what to do. On a Live Composer forum they suggested this:

#dslc-main {
min-height: 100vh;
}

I tried that but it simply made the page longer than the viewport, showing a scrollbar instead of the simply keeping the footer at the bottom of the viewport.

Any ideas?

Thanks for your help!!

Here is a page again for reference:

http://mymmfgift.com/membership-account/membership-levels/

~Jakob

You can see it here also:

http://mymmfgift.com/login/

Seems your site is crashed at the moment due to an error in your child theme. Let me know once it’s back online and I’ll have a look.

Yes, sorry! I was working with a plugin and made a mistake in my php code. It’s fixed and working now!

Thanks!

Sorry, remove this part:


#page {
    position: relative;
}

Wow that works great!! Thanks!

Thank you Vlad! You are awesome. That worked for me as well!