css - formularios - gravity forms download

¿Cómo hacer que Gravity Forms Responsive(izquierda/derecha)?

Question

Estoy usando el plugin Formulario WordPress de Gravity Forms.

Proporcionan clases CSS y estoy usando gf_left_half y gf_right_half para hacer que los campos se alineen a la izquierda y a la derecha en la misma línea.

¿Cómo puedo hacer que se acumulen arriba / abajo cuando arrastra en la ventana (vista receptiva / móvil)?

Mi formulario: http://goo.gl/sDWLO

Answer 1

Intenta usar una consulta @media y cambia el flotador de esas clases. Algo como esto:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .gf_right_half { float: left; } }

Answer 2

Si su tema es receptivo, es muy probable que tenga un archivo css personalizado. Si no puede utilizar este código, simplemente declare todas las definiciones de clase de respuesta en la sección @media.

@media only screen and (min-width: 200px) and (max-width: 768px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  }

}

Answer 3

Recuerde las clases de error también

      .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
      .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
        float: left;
        clear: left !important;
        width: 99% !important;;
      }