Question

我使用的是Gravity Forms WordPress Form插件。

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

当您在窗口中拖动时，如何让它们叠加在顶部/底部（响应/移动视图）？

我的表单（目前仅针对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){
#field_1_4 label.gfield_label {
    display: none !important;
    float: none;
}
#gform_wrapper_1 .gform_footer.top_label {
    float: none;
    padding: 0 ;
    margin: 0;
}
.gform_wrapper form label { 
    float: none !important; 
}
}

Answer 2

@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%; 
   }

  }

重力形式响应提交按钮

2 个答案: