Docs

[ottobono]

Hi I have hired a professional developer to help me fixing layout and css things of my site and we have encountered problem with pages in woocommerce that have not enough content in page and that display white bands under the footer. This was not a problem on certain pages, but there is a problem on checkout page, where he should have to add too much content. I am using the plugin yith checkout manager and yith multi-step checkout that split checkout page in 4 phases: billing, shipping, order review and payment page. We get the problems in checkout page when you deactivate in the shipping phase the “ship to a different adress” checkbox (white band appears) and when you are not logged in, you add something to the cart and go to the checkout page: you get a 5th phase called login where you have to login to buy. I thought about a solution to this problem but we do not know exactly how to implement it. To fix the checkbox shipping “problem” we could easily hide the checkbox and its text so that we have enough content on the page, for the login problem we could redirect the customer to the real login page if you are not logged in or eventually display a warning on top of the page that says that you have to login. How can we do it? Thank you!

[ottobono]

This reply has been marked as private.

[Christopher]

Hi there,

Please remove this code :

.page-id-509 .x-container.max.width.offset {
    min-height: 1100px!important;
}

And add this CSS :

.page-id-509 .x-colophon.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

Hope it helps.

[ottobono]

Hi Christopher, it does not work, on checkout page the footer “glues” with the container (pic attached) 🙁 I had already opened a similar topic here https://community.theme.co/forums/topic/blank-space-under-footer-problem/ and with my developer could not find any other good solution than setting min heights. Problem is that checkout page is really problematic and he has to add too much content, that’s why we are searching for another solution. I would really like some help for this issue because it is really annoying me for weeks 🙁

[Rad]

Hi there,

Fixed positioning is not really recommended, that is just one of the many reasons why it shouldn’t be done that way. It’s because an element that is fixed position becomes an independent element. It doesn’t respond to other elements, it will stay as is, hence fixed positioning.

The only safe solution for now is min-height. Height doesn’t respond the same way as width, it has an odd effect on fixed positioned elements.

Thanks!

[ottobono]

Hey Rad, we solved the blank space problem with min height and the text thing was just a bug of another plugin which could not read that login string correctly (it was stated in the changelog of the new version that that bug was fixed, I updated the plugin and it worked)! I wanna knoe if you plan to fix in the future this problem so that you do not have to fix the page with min height. thx!

[Rue Nel]

Hello There,

Thanks for the updates! This has been added in our enhancements list. We do not know when it can be added. Only our developers knew. Once they’ll have it, I’m assure it will be updated and will be rolled out in our future release.

Thank you.

[Author]

Posts