Checkout Box "Your Order: Too Long

You could use a full width template so you get some more space in there?

That helped somewhat. The instructions and options now show but the proceed button is still not showing as the scrolling stops.

I think the footer ends at a certain size and scrolling won’t go farther to allow the button to proceed to show.

OK, I tried to lengthen the footer but the “Your Order” box in the checkout page is fixed in size. I did go to full-width for that page but the “Proceed to PayPal” button does not show when I’m using the “Put It On Lay-Buy” button so a customer can’t proceed.

As I scroll all the way down the “Your Box” acts like an overlay within the checkout page. That box needs to be lengthened, I presume.

Try CSS to disable the fixed positioning.

.woocommerce-checkout .payment-fixed {
    position: relative !important;
    margin: 0  !important;
width: auto  !important;
}

Thanks Mike, that did work. I hope a customer doesn’t become confused as when you scroll down the order box jumps below the billing details but I at least a customer choosing layaway can now check out.

Don

Hi Don,

I had exactly the same problem with another payment-option plugin. I resolved (or avoided) the issue by placing the Your Order section under the Billing Details section on the Checkout page, and making both full width.

My CSS was:

.woocommerce-checkout .payment-fixed {
position: relative !important;
margin: 0 !important;
width: auto !important;
}

.woocommerce-checkout .col2-set {
float: none;
margin-right: 0;
width: 100%;
}

.woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading {
clear: both;
float: none;
width: 100%;
}

.woocommerce-checkout #order_review_heading {
border: none;
padding: 0.618em 0 0.2em;
}

Hope that helps.

Juliet

Thanks Juliet. The original fix provided by Mike Jolley above worked so I’ll leave sleeping dogs lie.

Ha ha, very wise…..!