Avisos
Vaciar todo

el formulario de contacto en el mobil se me defasa  

Página 1 / 2
 
Fabiana
 Fabiana
Noble Member

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?

 

 WhatsApp Image 2020 03 22 at 18.47.09
Citar
Respondido : 22/03/2020 9:50 pm
Fabiana
 Fabiana
Noble Member
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?

 

WhatsApp Image 2020 03 22 at 18.47.09

 

 WhatsApp Image 2020 03 22 at 18.47.02
ResponderCitar
Respondido : 22/03/2020 9:51 pm

Fabiana
 Fabiana
Noble Member
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?

 

WhatsApp Image 2020 03 22 at 18.47.09

 

WhatsApp Image 2020 03 22 at 18.47.02

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

ResponderCitar
Respondido : 22/03/2020 9:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

 Captura de Pantalla 2020 03 22 a las 20.34.15
ResponderCitar
Respondido : 23/03/2020 1:34 am

Fabiana
 Fabiana
Noble Member

@jmarreros

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

ResponderCitar
Respondido : 23/03/2020 12:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 23/03/2020 1:00 pm

Fabiana
 Fabiana
Noble Member

@pepesoler

genial gracias

ResponderCitar
Respondido : 23/03/2020 6:38 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

 

ResponderCitar
Respondido : 23/03/2020 7:30 pm

Fabiana
 Fabiana
Noble Member

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

}
ResponderCitar
Respondido : 24/03/2020 3:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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:

screenshot nimbus capture 2020.03.24 17 03 13

 

Un saludo

ResponderCitar
Respondido : 24/03/2020 4:04 pm

Fabiana
 Fabiana
Noble Member

a ok, gracias pruebo

ResponderCitar
Respondido : 24/03/2020 4:09 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fabiana.

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

 

Un saludo

ResponderCitar
Respondido : 24/03/2020 4:14 pm

Fabiana
 Fabiana
Noble Member

@pepesoler

cuando voy agregar el codigo me dice que hay un error

ajustes
se ve cortado en la pc

 

ResponderCitar
Respondido : 27/03/2020 2:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 27/03/2020 2:39 pm

Fabiana
 Fabiana
Noble Member

@pepesoler

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

se ve cortado en la pc

 

 

 

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
}
}

ResponderCitar
Respondido : 27/03/2020 3:50 pm
Página 1 / 2