Home / Forums / WoodMart support forum / Checkout Form Width
Home › Forums › WoodMart support forum › Checkout Form Width
Checkout Form Width
- This topic has 6 replies, 2 voices, and was last updated 1 month, 3 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
May 10, 2026 at 8:43 pm #718029
souravv9900ParticipantIn desktop mode the first name and last name are in same row , each element occupying half width { as given in the screenshot attatched }
How to achieve the same in mobile devices ?
In mobile i want
– first name , last name in same row
– pin code and state in same rowAttachments:
You must be logged in to view attached files.May 11, 2026 at 10:59 am #718076Hello,
Can you share the page URL so I can further check on your site and give you a possible CSS code.
Best Regards
May 11, 2026 at 11:00 am #718077
souravv9900ParticipantSite URL
-
This reply was modified 1 month, 3 weeks ago by
Aizaz Imtiaz Awan.
May 11, 2026 at 1:34 pm #718109Hello,
Please use the below custom CSS code and paste it to Theme Settings > Custom CSS > Mobile CSS section:
/* reset default behavior */ .woocommerce-checkout .woocommerce-billing-fields .form-row { flex: 0 0 100% !important; max-width: 100% !important; } /* First name + Last name */ .woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field { flex: 0 0 48% !important; max-width: 48% !important; } /* Postcode + State */ .woocommerce-checkout #billing_postcode_field, .woocommerce-checkout #billing_state_field { flex: 0 0 48% !important; max-width: 48% !important; } /* wrapper must stay flex */ .woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: flex !important; flex-wrap: wrap !important; gap: 10px; }Best Regards.
May 11, 2026 at 1:39 pm #718112
souravv9900ParticipantHow to hide country fields as i sell in one country only mand its necessary for users to select country
Also in street adress there are 2 fields , make it one , also i want to customize the placeholder for that one field
May 11, 2026 at 1:39 pm #718113
souravv9900ParticipantLittle correction –
*How to hide country field as i sell in one country only and its not necessary for users to select country*
May 11, 2026 at 3:20 pm #718133Hello,
The checkout page is the default WooCommerce functionality, and WoodMart does not control it. We currently support enabling/disabling and making fields required only. You can read more here and disable the fields which you want: https://xtemos.com/docs-topic/fields-manager/
Best Regards
-
This reply was modified 1 month, 3 weeks ago by
-
AuthorPosts
- You must be logged in to create new topics. Login / Register