Archived topic
Thank you page
3 replies · Started by Ash on August 6, 2021
Viewing posts 1–4 of 4
Hi
Built a custom thank you page, couple of things I would like to change.
The billing & delivery address how to make the boxes match in size regardless of content?
Also it's squashed on mobile so would like to stack them
Thanks
Hi there,
try adding this CSS:
.wcz-customer-details-block .col2-set > .woocommerce-column,
.wcz-customer-details-block .col2-set > .woocommerce-column address {
display: flex;
flex-direction: column;
flex: 1;
}
@media(max-width: 768px) {
.wcz-customer-details-block .col2-set {
flex-direction: column;
}
.wcz-customer-details-block .col2-set > .woocommerce-column {
width: 100%;
margin: 10px 0;
padding: 0;
}
}Excellent as always, thanks David.
Glad to be of help!
This archived topic is closed to new replies.
