el formulario de contacto en el mobil se me defasa

Respondido por: @fabianadejhshotmail-com

hola cuando voy al menu en arma tu despedida el movil no lo muestra tengo que deslizar el dedo a la derecha para poder ver el forulario afectara que esten en dos columnas?

 

Respondido por: @fabianadejhshotmail-com

Respondido por: @fabianadejhshotmail-com

hola cuando voy al menu en arma tu despedida el movil no lo muestra tengo que deslizar el dedo a la derecha para poder ver el forulario afectara que esten en dos columnas?

 

 

perdon, que me olivde de decirles que acabo de hacer el traslado de santoybuenamor.com/despedida que es donde lo tenia alojada no se si se ve de los dos lados

Hola

En la url que envías no he visto lo que se muestra en tu imagen, veo un formualario pero luce diferente, ver imagen adjunta.

Envía la url exacta para poder ver lo de tu imagen.

Saludos.

@jmarreros

esta es mirala por el movil https://santoybuenamor.com/despedida/armate-tu-despedida/

Hola Fabiana.

Añade lo siguiente a tu archivo de estilos ( CSS )

@media (max-width: 980px) {
.et_pb_row_4.et_pb_row {
margin-left:3em!important;

}
}

Revisa si con eso se soluciona.

Un saludo

@pepesoler

genial gracias

Hola

Veo que el problema es causado por el siguiente código:

.et_pb_row_4.et_pb_row {
 margin-right: auto !important;
  margin-left: 411px !important;
}

La línea margin-left , estas forznado para que siempre sea 411, es posible que hayas ingresado este código desde tu constructor

Saludos.

@jmarreros

no encuentro ese codigo y sigo con el problema.

@media (max-width: 980px) {
.et_pb_row_4.et_pb_row {
margin-left:3em!important;

} 

Hola Fabiana.

El código que te indique es para que lo añadas a tu archivo de estilos CSS:

El resultado es el siguiente:

Un saludo

a ok, gracias pruebo

Hola Fabiana.

Ok, dejo el hilo en espera por si tienes que retomarlo.

Un saludo

@pepesoler

cuando voy agregar el codigo me dice que hay un error

Hola Fabiana.

Te falto copiar el último corchete:

@media (max-width: 980px) {
.et_pb_row_4.et_pb_row {
margin-left:3em!important
} 
}

Un saludo

@pepesoler

Genial con ese codigo se arregla en el movil, ahora mira como se ve en la maquina queda cortado el formulario

por si ayuda todo esto s lo que tengo agregadon en css

#logo, .logo_container {
max-height: 100%!important;
}
.et_header_style_left #logo {
max-width: 80%;
}

@media only screen and (min-width: 430px) {
.et_header_style_left .mobile_menu_bar {
padding-bottom: 55px!important;
}
#et-top-navigation {
padding-top: 55px!important;
}
}

.et_pb_contact_field_8:before,
.et_pb_contact_field_9:before{
display: block;
content: "COMIDAS";
width: 100%;
height: 40px;
}

.et_pb_contact_field_9:before{
content: "";
}

@media(max-width:980px){
.et_pb_contact_field_10:before{
display: none;
}
}
.et_pb_contact_field_0:before,
.et_pb_contact_field_1:before{
display: block;
content: "Datos Personales";
width: 100%;
height: 40px;
}

.et_pb_contact_field_9:before{
content: "";
}

@media(max-width:980px){
.et_pb_contact_field_10:before{
display: none;
}
}

.et_pb_contact_field_14:before,
.et_pb_contact_field_15:before{
display: block;
content: "BEBIDAS";
width: 100%;
height: 40px;
}

.et_pb_contact_field_9:before{
content: "";
}

@media(max-width:980px){
.et_pb_contact_field_10:before{
display: none;
}
}
.et_pb_contact_field_31:before,
.et_pb_contact_field_31:before{
display: block;
content: "VARIOS";
width: 100%;
height: 40px;
}

.et_pb_contact_field_9:before{
content: "";
}

@media(max-width:980px){
.et_pb_contact_field_10:before{
display: none;
}
}
@media (max-width: 980px) {
.et_pb_row_4.et_pb_row {
margin-left:3em!important
}
}