[Resuelto] Problema en la Home  

Hola Victor, 

Puedes indicarnos que es lo que no se visualiza bien?, actualmente si ingreso a tu sitio web se muestra de la siguiente forma

Por ahora no hay ninguna notificación sobre problemas de actualización de Elementor pro, pero esto no quiere decir que al actualizar no exista algún conflicto entre el tema o algún plugin, primero indícanos que es lo que no se visualiza bien, si es posible envíanos alguna captura de pantalla, de esta forma podemos revisarlo con mayor detalle. 

Un saludo 

Hola Karen,

Gracias por tu respuesta. Lo que no se ve bien y se ha "descuadrado" tras la actualización de elementor pro (creo que ha sido por eso, no lo puedo asegurar al 100%) es el Menú principal. Si te fijas "Empieza aquí", "Hacemos tu viaje", etc... está montado con la imagen principal de la Home y cada elemento en un pequeño recuadro blanco. Esto no era así. Todo ese menú estaba entre el logo de Viajes Road Trip USA y la imagen principal, no montado.

Te adjunto captura, pero realmente en la tuya ya se ve el problema.

Muchas gracias de antemano. Un saludo.

Hola Victor, 

Ya lo veo, te refieres al menú que se muestra en la parte inferior, no sé cómo se mostraba antes, pero puedes revisar si al editar la sección y mover la sección donde se encuentra se soluciona, ten en cuenta que si restauras una copia anterior el comentario que nos indicas no quieres perder no estará. 

Otra opción que puedes probar es hacer un roolback al plugin de Elementor pro y configurar la versión que tenías antes de actualizar, para hacer esto puedes ir al apartado de Elementro -> Herramientas > control de versiones y seleccionar en Elementor pro la versión que tenías anteriormente

Revisa esto y nos comentas como ha ido todo

Un Saludo 

Buenos días,

He hecho un rollback de Elementor Pro y el problema sigue igual. En cuanto a lo de mover el menú manualmente, no lo he hecho puesto que he revisado y los parámetros de dicho menú en Elementor (altura, etc) son los mismos de siempre. Nunca se han vuelto a mover. El problema no viene de que se haya movido, es algo externo que lo está moviendo.

¿Qué podría ser?

Muchas gracias de antemano.

Hola Victor.

El problema es que se superpone el menu ?

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.elementor-9374 .elementor-element.elementor-element-555e4451 {
 margin-top: auto!important;
}

Un saludo

Hola Pepe,

Muchas gracias por tu respuesta. La verdad es que así se soluciona pero queda bastante espacio entre dicho menú y la imagen de abajo. Espacio que antes no existía. Sinceramente no sé porque ha podido pasar si no se ha tocado nada.

La solución pasaría por subir un poco la imagen? o ese margen que has añadido puede ser menor?

Te adjunto como debería estar y como está ahora

Gracias de nuevo!

Hola Victor.

Puedes modificar la altura.

Elimina el anterior y prueba con esto.

.elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: 0.5px!important;
}
.elementor-8375 .elementor-element.elementor-element-0275be7 {
margin-bottom: 0.5px!Important;
}

Un saludo

Hola Pepe,

Disculpa que te moleste. La verdad es que con esto último se acerca bastante a como estaba, pero sigue habiendo bastante espacio. Trato de jugar con la altura modificando ese 0.5 que has puesto a 0.2 o 0.1, pero no varía.

¿Hay forma de ir jugando para dejarlo a la altura que uno quiera sin necesidad de meterme en elementor?

¿Se te ocurre por qué está pasando esto si ese menú lleva 1 año así y no se ha tocado en ningún momento?

Gracias de nuevo!

Hola Victor.

No lo veo mal, tienes que dejarle un margen inferior y la verdad que lo veo bien:

¿Se te ocurre por qué está pasando esto si ese menú lleva 1 año así y no se ha tocado en ningún momento?

El problema esta en este código que lo anulamos con el anterior:

elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: -5%;
}

Puedes probar con esto:

elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: -1%!important;
}

Elimina los anteriores primero.

Un saludo

Respondido por: @pepesoler

¿Se te ocurre por qué está pasando esto si ese menú lleva 1 año así y no se ha tocado en ningún momento?

El problema esta en este código que lo anulamos con el anterior:

elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: -5%;
}

 

Puedes probar con esto:

elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: -1%!important;
}

 

Elimina los anteriores primero.

Pero, ¿quieres decir de incluir esto último en apariencia - CSS adicional borrando los anteriores que me has dicho? Es que si hago eso, no hace nada. Quiero decir, se queda el menú totalmente montado como antes?

Y la pregunta sería : Comentas que el problema es este código: elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: -5%;
}

Pero... ¿Cómo que se veía bien hace 2 días? Es decir, ese código habrá estado ahí desde que se hizo el menú que fue hace 1 año.

Mil gracias de nuevo.

Hola Victor,

Igualmente nos comentas que esto comenzó a suceder luego de que actualizaste a la versión nueva del complemento de elementor pro, verifica el volver a la versión anterior, para ello puedes hacerlo con este plugin:

https://es.wordpress.org/plugins/wp-rollback/

Anteriormente, nos comentas que lo hiciste, sin embargo solo actualizaste elementor pro? o tambien se actualizó el plugin base de elementor como tal? Luego verifica agregar este codigo:

.elementor-location-header {
margin-bottom: -2% !important;
}

Este remueve el espaciado inferior, nos comentas si debería cambien haber menos espacio aquí:

Para poder verificar el código.

Un saludo 🖐️ 

Hola Argenis,

Sólo actualicé Elementor Pro. Esto lo hice de manera manual. Todos los demás plugins los tengo en actualización en automático.

Voy a probar lo que comentas de volver a una versión anterior del propio Elementor.

El espaciado que intento aminorar tras poner el código de Pepe no es el que indicas en rojo en tu captura. No es lo que va del logo al menú, sino lo que va del menú a la imagen de abajo (el dibujo collage de distintos puntos de Estados Unidos).

Por último: ¿Dónde tengo que pegar el código que me indicas? ¿En apariencia - CSS? Ya lo he intentado y se montan aún más los elementos del menú con la imagen de abajo.

Muchas gracias. Saludos.

Hola Victor,

Puedes igualmente devolver la version antes de presentar el problema:

https://guias.webempresa.com/preguntas-frecuentes/gestionar-copias-de-seguridad-con-superbackup-en-cpanel/

Esto en caso que no te funcione nada de lo que te compartimos. Puedes enviarnos una captura del código donde lo estas agregando y cuales tienes agregados allí.

Un saludo 🖐️ 

Respondido por: @argenis

Hola Victor,

Puedes igualmente devolver la version antes de presentar el problema:

https://guias.webempresa.com/preguntas-frecuentes/gestionar-copias-de-seguridad-con-superbackup-en-cpanel/

Esto en caso que no te funcione nada de lo que te compartimos. Puedes enviarnos una captura del código donde lo estas agregando y cuales tienes agregados allí.

Un saludo 🖐️ 

Hola Argenis,

Lo que mejor me ha funcionado de todas las opciones que me habéis dado es la dada por Pepe cuando me indicó de añadir el código que te pego al final de este mensaje.

Es lo más parecido a como estaba la Home antes del problema. Adjunto captura de como lo tengo. 

La duda que me queda es que sigo sin saber por qué ha sucedido esto ya que volviendo a versiones anteriores de Elementor ocurre lo mismo y no quiero volcar una copia de seguridad porque, como dije ayer, horas más tarde del último backup nuevo, me hicieron un comentario en un post que no quiero que desaparezca.

Muchas gracias nuevamente.

Código que mejor me ha funcionado:

.elementor-9374 .elementor-element.elementor-element-555e4451 {
margin-top: 0.5px!important;
}
.elementor-8375 .elementor-element.elementor-element-0275be7 {
margin-bottom: 0.5px!Important;
}