Form Move Item Up inline to form 2 colunms

Site URL: https://sunflower-panda-45ey.squarespace.com/contact

Trying to Kick the Phone Number Section slide up to the right next to the click down menu to no avail,

The rest of the form im good with staying full width but the client really wants those two sections on one line

The password: stressfree

Add the following to Design > Custom CSS.

/* move phone number field next to service plan interest */

@media screen and ( min-width : 576px ) {

  [data-form-id="605e7c0caeb5a4342fa1458f"] #select-yui_3_17_2_1_1617328744429_33727 {
  
    float : left;
    margin-right : 2em;
    
    }
    
  [data-form-id="605e7c0caeb5a4342fa1458f"] #phone-yui_3_17_2_1_1617328744429_33099 {
  
    margin : 0;
    
    }
  }

This is for v7.1 and specific to the OP's need.

I set the breakpoint at 576px so that at below that point it would revert to normal behaviour. Hopefully that will avoid looking bad on mobile.

Let us know how it goes.

2 hours ago, creedon said:

Add the following to Design > Custom CSS.

/* move phone number field next to service plan interest */

@media screen and ( min-width : 576px ) {

  [data-form-id="605e7c0caeb5a4342fa1458f"] #select-yui_3_17_2_1_1617328744429_33727 {
  
    float : left;
    margin-right : 2em;
    
    }
    
  [data-form-id="605e7c0caeb5a4342fa1458f"] #phone-yui_3_17_2_1_1617328744429_33099 {
  
    margin : 0;
    
    }
  }

This is for v7.1 and specific to the OP's need.

I set the breakpoint at 576px so that at below that point it would revert to normal behaviour. Hopefully that will avoid looking bad on mobile.

Let us know how it goes.

Worked like an absolute dream, very greatly appreciated!