Docs

[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

[DJjohnmalgioglio]

This reply has been marked as private.

[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.

[DJjohnmalgioglio]

This reply has been marked as private.

[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.

[DJjohnmalgioglio]

What? This is your theme? How is this customization. Shouldnt it always stay on the bottom?

[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.

[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

[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.

[DJjohnmalgioglio]

This reply has been marked as private.

[Rue Nel]

Hello There,

You are always welcome! We will answer you in the topic you just posted for your other request.

Cheers,
X

[Author]

Posts