Please post the address of your site so the markup and styles can be examined with browser tools. The screenshot is not helpful in this respect.
Hi @lorro,
Here’s the link to the site.
Please use these to access:
U: demo
P: Te$Td3m03r
Could you put up something I can order so I can get to the checkout page.
There are items ready for ordering, check the navigation menu on the left.
This custom css should do what you ask:
@media screen and (min-width: 980px ) {
#order_review {
margin-top: -406px;
}
}
Consider instead laying out the delivery fields horizontally. Remove the above and try this:
@media screen and (min-width: 980px ) {
#pi_checkout_field {
width: 100% !important;
margin-bottom: 20px;
vertical-align: bottom;
border: 1px solid #eee;
border-radius: 8px;
}
#pi_checkout_field p {
display: inline-block;
width: 23% !important;
margin: 12px 5%;
}
.pisol_clear_button {
position: static !important;
display: inline-block !important;
margin-left: 8px;
}
}
Thanks @lorro!
such a simple and nice way to do it! Amazing!
Btw, would you know how to make that order review sticky?
In some cases, a user might not be able to scroll to the bottom of it. I don’t think that’s would be useable.
Got it, Thanks for the help lorro!
It’s been a while since we heard from you, so I’m marking this thread resolved. Hopefully, you’ve been able to resolve this, but if you haven’t, please open up a new topic and we’ll be happy to help out.
