css - 重力形式响应提交按钮

Question

我正在使用 Gravity Forms WordPress 表单插件。

我有一个复选框和内联提交按钮，但它们没有响应。

当您在窗口中拖动时(响应式/移动 View )，我如何使它们堆叠在顶部/底部？

我的表单(目前仅针对 Chrome 和 Safari 设置):http://redesign.spyderlynk.com/contact-us

这是内联提交按钮和复选框的 CSS。

}
#field_1_4 label.gfield_label {
    display: none !important;
    float: right !important;
}
#gform_wrapper_1 .gform_footer.top_label {
    float: right !important;
    padding: 0 !important;
    margin: -40px 570px 0 0 !important;
}
.gform_wrapper form label { 
    float: none !important; 
}

Answer 1

@media only screen and (max-width: 767px){

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label   
 li.gfield.gfield_error.gf_right_half {
   width: 100%;
   }

 .gform_wrapper .top_label li.gfield.gf_left_half {

    width:100%;
   }


   .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
      width: 100%; 
 }


  .gform_wrapper .top_label li.gfield.gf_right_half {

  width: 100%; 
   }

  }