Avisos
Vaciar todo

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

 
LUIS MANUEL
 LUIS MANUEL
Reputable Member

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

Citar
Respondido : 30/03/2021 9:18 am
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 30/03/2021 10:06 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

LUIS MANUEL
 LUIS MANUEL
Reputable Member

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

3

 

ResponderCitar
Respondido : 30/03/2021 10:20 am
Pepe
 Pepe
Soporte CMS Webempresa 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

 

 

 

 

ResponderCitar
Respondido : 30/03/2021 10:43 am

wpdoctor-revisa-la-salud-de-tu-wordpress

LUIS MANUEL
 LUIS MANUEL
Reputable Member

@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

 

ResponderCitar
Respondido : 19/04/2021 8:08 am
Pepe
 Pepe
Soporte CMS Webempresa 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

 

 

ResponderCitar
Respondido : 19/04/2021 9:56 am

LUIS MANUEL
 LUIS MANUEL
Reputable Member

No, perona lo he cambiado.

outletdemontaña.com

ResponderCitar
Respondido : 19/04/2021 10:56 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 19/04/2021 12:09 pm

Cursos Gratuitos WordPress

LUIS MANUEL
 LUIS MANUEL
Reputable Member

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

ResponderCitar
Respondido : 19/04/2021 12:33 pm
Jhon
 Jhon
Soporte CMS Webempresa 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
ResponderCitar
Respondido : 19/04/2021 4:20 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

LUIS MANUEL
 LUIS MANUEL
Reputable Member

@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 

ResponderCitar
Respondido : 19/04/2021 5:46 pm
LUIS MANUEL
 LUIS MANUEL
Reputable Member

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. 

ResponderCitar
Respondido : 19/04/2021 6:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 19/04/2021 6:07 pm