Avisos
Vaciar todo

Problema con la adaptabilidad entre pantalla grande PC y pantalla portátil

13 Respuestas
3 Usuarios
0 Reactions
41 Visitas
Respuestas: 327
Reputable Member
Topic starter
 

Hola, como podéis ver, la estructura de mi web se destroza cuando paso de mi pantalla de PC de de sobremesa (27") a la pantalla de un portatil (19"). He tratado de resolverlo utilizando la configuración tablet para el portátil pero no funciona. Como veis en las fotos, en resolución portátil se montan las fotos sobre los logos de las marcas ¿Qué puedo hacer?

2

 

1

Contenido solo visible a usuarios registrados


 
Respondido : 30/03/2021 8:18 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Luis Manuel.

Esto es lo que veo:

Archivo 000 (5)

Como puedes ver se muestran los logos de las marcas.

Si que veo en versiones superiores se montan las imagenes.

Puedes probar con lo siguiente:

 

@media only screen and (min-width: 900px) {
.elementor-51 .elementor-element.elementor-element-1c68e8a {
   margin-top: 5em;
}
}

Puedes añadirlo Apariencia -> Personalizar -> CSS Adicional.

 

Un saludo

 


 
Respondido : 30/03/2021 9:06 am
Respuestas: 327
Reputable Member
Topic starter
 

@pepesoler Solo se soluciona parcialmente. Antes no se veía ningun logo y ahora se ve la primera fila cortada por la mitad

3

 


 
Respondido : 30/03/2021 9:20 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Luis Miguel.

Puedes modificar el valor " margin-top: 5em; " aumentado ese valor para que bajen las imagenes por ejemplo puedes probar con " margin-top: 10em; "

Con la etiqueta " margin-top " le indicamos que a ese elemento queremos añadirle un margen superior y le pasamos el valor que tendrá ese margen.

 

Un saludo

 

 

 

 


 
Respondido : 30/03/2021 9:43 am
Respuestas: 327
Reputable Member
Topic starter
 

@pepesoler  Hola, tengo de nuevo el mismo problema. Estoy tratando de resolverlo como me indicaste en su día pero no veo ningún cambio.

1
2

 


 
Respondido : 19/04/2021 7:08 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Luis Miguel.

El domino es el mismo ?

Veo que no carga y hay un error 403 de permisos, no se si estas realizando algo, eliminaste alguna cosa......

Captura de pantalla 2021 04 19 a las 10.56.11

 

Un saludo

 

 


 
Respondido : 19/04/2021 8:56 am
Respuestas: 327
Reputable Member
Topic starter
 

No, perona lo he cambiado.

outletdemontaña.com


 
Respondido : 19/04/2021 9:56 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Luis Manuel.

Veo que se muestran bien las marcas:

Archivo 000

 

Puede ser problema de cache del navegador del móvil.

Revisarlo con la navegación en Privado:

-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DAndroid&hl=es

 

Un saludo


 
Respondido : 19/04/2021 11:09 am
Respuestas: 327
Reputable Member
Topic starter
 

@pepesoler Hola Pepe, el problema no es en el móvil, es en los portátiles, es decir, en pantallas más pequeñas que las de sobremesa.


 
Respondido : 19/04/2021 11:33 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Creo que la estructura de la página no esta funcionando correctamente, por ejemplo veo un espacio para algunas resoluciones.

Si has agregado código personalizado prueba eliminarlo o comentarlo.

Veo que estas usando Elementor, has realizado cambios en el modo responsive del constructor?, de manera general te sugiero rehacer esta sección de tu sitio, ya que tal como esta es un poco complejo detectar el problema.

Prueba diseñar sólo para desktop, teóricamente debería adaptarse sin problemas.

Saludos.

Captura de Pantalla 2021 04 19 a la(s) 10.18.36

 
Respondido : 19/04/2021 3:20 pm
Respuestas: 327
Reputable Member
Topic starter
 

@jmarreros Hola, estoy rehaciendo el bloque que me da problemas y ahora resulta que al borrarlo e insertar una nueva seccion para volver a crearlo, se me montan encima los bloques que hay debajo, incluidos los bloques que estan ocultos en desktop y visibles en movil. ¿Voy a tener que rehacer todo? No entiendo nada 


 
Respondido : 19/04/2021 4:46 pm
Respuestas: 327
Reputable Member
Topic starter
 

Parece que lo que te comentaba en el mensaje anterior se ha solucionado reiniciando wordpress. ¿Quieres decir que mi tema, en teoría, debería adaptar a la versión móvil todo lo que haga en desktop? Pues a lo mejor he tocado algo (creo que no) pero eso no ha ocurrido nunca, siempre se desorganizaba en la versión móvil. Por otro lado, sé que Pepe me paso un bloque de código CSS en su día para alguno de estos bloques pero ahora no lo encuentro. 


 
Respondido : 19/04/2021 5:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Has agregado algún código?, ya que igual podría esto causarte problemas, elimina todo el código que agregaste.

Si la estructura de la página esta dañada, si, tendrías que rehacerla.

Ve hacíendola por partes y ve comprobando si se muestra correctamente.

También podrías realizar una prueba en otra página, para no tocar directamente tu página de inicio, una vez la tengas lista, simplemente le cambias de nombre y la configuras para que sea el inicio.

Saludos.


 
Respondido : 19/04/2021 5:07 pm