Check out field sizes after removing “order notes”

Hi community,

I searched the forum and found some threads but so for nothing working for me.

Problem: Fields for order details at check out are only half size of the screen.
→ https://snipboard.io/JDZ2Bw.jpg

What did I do so far?

After some problems with the size of the order detail fields at check out I fixed it with:

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
    max-width: 100%;
}
.woocommerce-checkout .form-row {
    display: block;
}

Then I removed the “Order Notes” section on the right side by adding in functions.php

add_filter( 'woocommerce_enable_order_notes_field', '__return_false', 9999 );
add_filter( 'woocommerce_checkout_fields' , 'remove_order_notes' );

function remove_order_notes( $fields ) {
     unset($fields['order']['order_comments']);
     return $fields;
}

Thx for help!

• This topic was modified 3 years, 7 months ago by edaas.

The page I need help with: [log in to see the link]