Docs

[ottobono]

Hi, I have some problem of blank space under the footer. It happens when I do not add enough content to the page (also sections and such), but there are cases (like when the cart is empty and you click to see it, that this white space under the footer appears. If there are products in the cart and you access to the cart, you have no problems. I attached a pic. How to fix this problem globally? Thank you!

[ottobono]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

jQuery(function($) {

$(window).on("resize", function () {    
    $adminbarheight = $('#wpadminbar').height();
    $footerheight = $('.x-colophon.bottom').outerHeight(); 
    $windowheight = $(this).height();

    console.log('footer'+$footerheight);
    console.log('window'+$windowheight);

    $(".x-main").css('min-height', $windowheight - $footerheight - $adminbarheight );

}).resize();
    
});

Hope that helps.

[ottobono]

Aaaand… booom! It worked! 😛 Thank you very much Paul!!

[ottobono]

Hi I found sadly still pages where this problem happens. I attached a pic

[Rupok]

Hi there,

Thanks for writing back. You can use his code :

.x-colophon.bottom {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

Hope this helps.

Cheers!

[ottobono]

Hi I added your css wiht !important to be sure it worked and it did not work, still white space under ottobono.it/wp-signup.php 🙁 I added css + the js code suggested up here, which did work for the cart but not for the signup page

[ottobono]

Hi Rupok, your code did not work, it puts the footer in the middle of the screen and on the end of the page there is no footer :O

[Friech]

Hi There,

We cant access your sign up page

Please confirm.

Thanks.

[ottobono]

Hi Friech, I decided to redirect the page on an error page because of this post https://community.theme.co/forums/topic/woocommerce-personalization-and-links-in-the-menu/#post-89639. Let’s see which answer I will get, maybe I will have to re-enable it 🙂

[ottobono]

The blank space problem is now is only on the checkout page. Add something to the cart from the shop (use my admin credential), then go to the checkout page and go through the different phases. You will see that the footer becomes blank when you go to “ordine” and “pagamento”. How to fix that? I attached a pic

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.woocommerce-checkout .x-colophon {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
}

html{
background-color:#000;
}

Hope it helps.

[ottobono]

It surely helps but there are 2 collateral problems:

I am using now a multicheckout plugin that divide the payment process in 4 phases:

1)Fatturazione (billing details)
2)Spedizione (shipping details)
3)Ordine (orders)
4)Pagamento (payment)

Now this code works ok on 3 and 4 but it shifts the text on the header a bit on the left and the social icon disappears, in the first 2 phases it does not work because it crops the end of the container after the “next” button to go to the next phase. All phases have the same url. I attach a couple pics here.

I have hired a freelancer to help me fixing some layout problems in my site but this one is hard even for him and we cannot find a solution to it… he is doing the rest now because this takes too much time

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.woocommerce-checkout .x-colophon {
    position: fixed;
    right: 0;
    left: 335px;
    bottom: 0;
}

html {
    background-color: #121212;
}

Hope this helps – thanks!

[ottobono]

Hi it is still the same problem of the other code, it does not work 🙁

[Author]

Posts