Woocommerce billing and shipping field

[deranaloge]

hi there,

is it possible to move the shipping field and the billing field side by side?
now the shipping field is below the billing field. and that is a waste of space and not so nice to look at.

thanks in advance for your help.

cheers

[ruenel]

Hello Harald,

Thanks for writing us back.

To resolve your issue placing the customer fields side by side, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 979px){
  #customer_details .col-1,
  #customer_details .col-2 {
    float: left;
    width: 48%;
    margin-right: 4%;
  }

  #customer_details .col-2 {
    margin-right: 0;
  }

  #customer_details:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
  }

  #customer_details .col-1 h3,
  #customer_details .col-2 h3{
    margin-top: 0 !important;
  }

}

We would loved to know if this has work for you. Thank you.

[deranaloge]

wow that worked great!

many many thanks!

is this also possible with voucher code and cart total? like this:

now it loosk like this:

thanks again!

cheers

[rad]

Hi Harald,

Unfortunately, it’s not possible on that one. Side by side layout is only applicable if both sub-container is on the same parent-container. And it’s not the case on that one, they are on different tables.

Thanks!