How do you get the footer to stay on the bottom? – Themeco Community https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/feed/ Tue, 14 Oct 2025 16:38:59 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261643 <![CDATA[How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261643 Wed, 29 Apr 2015 20:02:19 +0000 DJjohnmalgioglio Hey there,

I know I still need to fill out the site with content but is there a way to get the footer to stick to the bottom no matter what?

Example here.
http://i.imgur.com/YRyEw3R.png

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261644 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261644 Wed, 29 Apr 2015 20:02:35 +0000 DJjohnmalgioglio https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261752 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-261752 Wed, 29 Apr 2015 23:15:54 +0000 Darshana Hi there,

Thanks for writing in! It seems that your site is on the coming soon mode. Please arrange us a way to access your site, so that we can check the issue and assist you with a possible workaround.

Thank you.

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262269 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262269 Thu, 30 Apr 2015 13:40:54 +0000 DJjohnmalgioglio https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262520 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262520 Thu, 30 Apr 2015 20:13:34 +0000 Nico Hi There,

As we tried to do something like this with other client before, It was a quite a technical coding and it was not a guaranteed answer. It would be best to contact a developer regarding this one.

You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thank you for understanding.

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262546 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262546 Thu, 30 Apr 2015 20:44:26 +0000 DJjohnmalgioglio What? This is your theme? How is this customization. Shouldnt it always stay on the bottom?

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262590 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-262590 Thu, 30 Apr 2015 21:44:06 +0000 Nico Hi There,

It stays on the bottom of the container. You could try this kind of solution. First, locate the page ID that you want to stick the footer.

Add this in your customizer’s custom CSS:

example to this page: http://www.moombahton.co/live/

.page-id-4282 .x-colophon.bottom {
position: fixed;
bottom: 0;
width: 100%;
}

Hope it helps.

Thanks.

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263055 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263055 Fri, 01 May 2015 12:54:56 +0000 DJjohnmalgioglio AYYY! you guys rock. I knew you had it in ya.

So what about this? Just need to extend the background down now.

http://i.imgur.com/UI65q0i.png

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263234 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263234 Fri, 01 May 2015 18:17:54 +0000 Zeshan Hi there,

Please remove the previous provided code and use this instead under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {
  var $main = $('.x-main'),
      $windowHeight = $(window).outerHeight(),
      $masthead = $('.masthead').outerHeight(),
      $wpbar = $('#wpadminbar').outerHeight(),
      $footer = $('.x-colophon.bottom').outerHeight() + $('.x-colophon.top').outerHeight();
 
  $main.css('min-height', $windowHeight - $masthead - $wpbar - $footer);
});

Hope this helps. 🙂

Thank you.

]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263243 <![CDATA[Reply To: How do you get the footer to stay on the bottom?]]> https://theme.co/archive/forums/topic/how-do-you-get-the-footer-to-stay-on-the-bottom/#post-263243 Fri, 01 May 2015 18:25:29 +0000 DJjohnmalgioglio