Archived topic
Mobile checkout experience
3 replies · Started by _blank on March 12, 2020
Viewing posts 1–4 of 4
Hello,
my mobile checkout looks like this:
https://prnt.sc
http://prnt.sc/rfczaz
Is there a way to put the order summery and the order button under the address fields so it is visible on the whole screen?
Thank you so much.
Best
Hannah
Hi there,
looks like the content was added using Elementor - so it doesn't behave like the GP Theme would handle it - try this CSS to fix that:
@media (max-width: 768px) {
.woocommerce-checkout .col2-set,
#customer_details+#wc_checkout_add_ons,
#order_review, #order_review_heading {
width: 100% !important;
float: none;
}
}Wow! It worked and looks amazing. Thank you so so much!!! :)
Awesome - glad to be of help :)
This archived topic is closed to new replies.
