Hey @oursmartfuture
I was able to see the alignment issues on the site. I can share the following CSS code:
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce form .form-row {
display: inline-block;
}
.woocommerce form .form-row input.input-text {
max-width: 250px;
}
#billing_first_name_field {
order: 1;
}
#billing_last_name_field {
order: 2;
}
#billing_company_field {
order: 3;
}
#billing_country_field {
order: 4;
}
#billing_address_1_field {
order: 5;
}
#billing_address_2_field {
order: 6;
width: 100%;
}
#billing_city_field {
order: 7;
}
#billing_postcode_field {
order: 8;
}
input#billing_address_2 {
max-width: 200px;
}
You can add this in WP Admin > Appearance > Customize > Additional CSS field and Save the changes.
Best wishes,
