[Resuelto] Se va Full Width

Hola Juan,

Mientras revisamos, nos puedes adjuntar la captura que nos indicas que no se ha subido de forma correcta, también si nos compartes una URL específica donde esté sucediendo para poder ingresar nosotros y ver qué puede ser el causante del error.

Un saludo 🖐️ 

Hola.

Dejo 2 fotografías del antes de refrescar y después de refrescar, quiero que salga con la estructura de texto a la izquierda y foto a la derecha. También añado el enlace de uno de los tratamientos pero pasa en todos en realidad. https://odontologiaintegralblasco.com/implantologia/

Hola Juan,

Lo que nos comentas va mas de la mano a problemas de compresión. ¿Estás comprimiéndolo con algun plugin en particular? Vemos que tienes uno que se llama QODE Optimizer, desactivalo un momento y coméntanos para poder ver si el problema persiste. También vemos que tienes plugins desactualizados, entre ellos Elementor; tienes la versión 4.0.2 y la última es la 4.1.1.

De igual forma, varios plugins que tienes están desactualizados, verifica eso primero y nos comentas.

Un saludo 🖐️ 

Hola.

Ya he actualizado los que he visto y eliminado algunos que creo que innecesarios (traducciones etc). Pero sigue pasando...:(. Adjunto imagen con los plugins que tengo y actualizaciones. Gracias,

Oh!!! Ahora se ma han ido todos los formularios de la web con la actualización de contact form 7...cómo puedo volver a recuperarlos?? La web ha quedado peor con esto de actualizarlo yo creo.

Solucionado el tema de los formularios. los he vuelto a hacer e incluir en cada web.

Hola Juan,

Primero si vemos los formularios de contacto:

Tanto en el home como en la página de contacto, con respecto al full with y la carga de estilos, ahora intentemos con esto: ingresa en Elementor > editor > Herramientas > Caché de Elementor aqui haz clic en vaciar cache.

Luego vas a Elementor > editor > ajustes > rendimiento > Método de impresión de CSS, cámbialo a incrustación interna por probar. 

Verifica con estas dos cosas y nos comentas.

Un saludo 🖐️ 

Hechas las acciones que me comenta, pero sigue pasando. Entro desde incognito para mayor comprobación y sigue pasando. ¿No será problema de que pesen mucho las imágenes y tarde en cargar y decida presentar un diseño simplificado? ¿existe algún código para introducir en personalizar y que fuerce a mostrarlas como full width? De momento en personalizar tengo este código metido.

.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
height: 50px !important;
}

Por cierto, lo dejo en incrustación interna?

gracias

Hola Juan,

Como te comenté en el primer mensaje, full widh esta, de hecho vez el contenido pegado a los bordes cuando no carga de forma correcta. No es que no logre cargar; es como si la optimización fuera tanta que no permite que carguen los estilos en tu sitio hasta una segunda visita. Prueba ahora entrar en tu wepanel y vas a borrar el archivo .htaccess o cambiarle el nombre en:

Wepanel > gestion de archivos > public_html > dominio > archivo .htaccess

Cambialo a por ejemplo .htaccess_old, luego ingresa en tu WordPress en Ajustes > enlaces permanentes, aqui guarda los ajustes sin hacer ningún cambio, para que se regenere tu archivo .htaccess.

Si sigue igual, entra en el modo a prueba de errores de Elementor; para ello ingresas en Elementor > editor > herramientas, aqui activa el Modo seguro, verifica con estas dos opciones y nos comentas que sucede.

Un saludo 🖐️ 

Hola.

Hechos los cambios comentados sigue ocurriendo, es decir, sigo necesitando refrescar la web para que realmente adopte el diseño deseado. Para probar he actualizado todos los plugins, eliminado uno de whatsapp por si da error...pero sigue igual tras vuestros pasos. 

¿Podemos hacer algo más? Probamos algo?

¿Por otro lado deshago los cambios realizados que comentabas en el anterior comentario?? 

Gracias y perdonad por tanto problema.

Hola de nuevo, por continuar con lo arriba comentado me gustaría añadir por si son de ayuda algunas cosas que he visto y puedan servir de ayuda para solucionarlo.

En Qode Options veo lo siguiente (adjunto también imagen):

Además, por si interfiere en algo: 

En Custom CSS, sin entender seguro que muchas cosas chocan con lo que luego pongo en la plantilla o elementor, así que sbra algo encantado de vuestros consejos:

.q_icon_with_title.tiny .icon_holder img {
width: 78px;
}

.q_icon_with_title .icon_text_holder h5.icon_title {
margin-bottom: 7px;
}

.q_icon_with_title:not(.right) .icon_holder {
padding-top: 8px;
}

.testimonials_c_holder .testimonial_content_inner .testimonial_rating_holder {
color: #1fb9b9;
}

.testimonials_c_holder .testimonial_content_inner {
padding: 53px 45px 55px;
}

.testimonials_c_holder .testimonial_content_inner .testimonial_rating_holder {
margin: 16px 0 20px;
}

.testimonials_c_holder .testimonial_content_inner .testimonial_author {
margin-top: 27px;
}

.testimonials_c_holder .testimonial_content_inner .testimonial_image_holder {
margin-bottom: 26px;
}

.testimonials_c_holder.light .flex-control-nav li a {
background-color: rgba(255,255,255,0.3);
}

.testimonials_c_holder .flex-control-nav li {
width: 10px;
height: 10px;
margin: 0 2px;
}

.qode_video_box .qode_video_image .qode_video_box_button {
background-color: #e8f6f6;
}

.qode_video_box .qode_video_image .qode_video_box_button_arrow {
border-left-color: #1fb9b9;
}

.footer_top .widget_nav_menu ul li {
padding: 0;
}

.wpcf7 form.wpcf7-form p {
margin-bottom: 2px;
}

.footer_top h5 {
margin: 8px 0 10px;
}

.footer_top a:hover {
text-decoration: underline;
}

.carousel-inner .slider_content .text .qbutton {
margin: 5px 0 0;
}

.q_icon_with_title .icon_text_inner {
padding: 1px 0 0;
}

.title.title_size_medium h1 {
text-transform: none;
}

.q_icon_with_title.medium .icon_holder img {
width: 34px;
}

.q_icon_with_title.medium.custom_icon_image .icon_text_holder {
padding: 0 0 0 43px;
}

.q_icon_with_title.medium.custom_icon_image .icon_text_holder .icon_text_inner p {
font-size: 13px;
}

.q_icon_with_title.medium.custom_icon_image .icon_text_holder .icon_text_inner h6 {
margin: 3px 0 -6px 0;
}

@media only screen and (max-width: 768px) {
.call-to-action h3 {
text-align: center !important;
}
}

header:not(.centered_logo) .header_fixed_right_area{
line-height: 26px;
}

.header_bottom{
box-shadow: -4px 4px 5px 0px rgba(0, 0, 0, 0.03);
}

@media only screen and (min-width: 1001px) {
.header_top_bottom_holder:after{
content: '';
width: 100%;
height: 0;
position: absolute;
bottom: 60px;
border-top: 1px solid #ebebeb;
}
}

@media only screen and (max-width: 1000px){
header:not(.centered_logo) .header_fixed_right_area{
display: none;
}
.logo_wrapper {
height: 130px!important;
}
}

.header_bottom_right_widget_holder {
padding-right: 0;
}

div.wpcf7 .ajax-loader {
display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
color:#505050;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a {
opacity: 1;
}

#rev_slider_2_1 a.qbutton.default {
font-size: 14px;
line-height: 62px;
letter-spacing: 3px;
height: 62px;
width: auto;
padding-left: 34px;
padding-right: 34px;
}

@media only screen and (max-width: 1440px) {
#rev_slider_2_1 a.qbutton.default {
font-size: 13px;
line-height: 56px;
letter-spacing: 2px;
height: 56px;
width: auto;
padding-left: 31px;
padding-right: 31px;

}

}

@media only screen and (max-width: 1024px) {
#rev_slider_2_1 a.qbutton.default {
font-size: 11px;
line-height: 50px;
letter-spacing: 2px;
height: 50px;
width: auto;
padding-left: 27px;
padding-right: 27px;
}
}

@media only screen and (max-width: 768px) {
#rev_slider_2_1 a.qbutton.default {
font-size: 13px;
line-height: 56px;
letter-spacing: 2px;
height: 56px;
width: auto;
padding-left: 31px;
padding-right: 31px;
}
}

@media only screen and (max-width: 480px) {
#rev_slider_2_1 a.qbutton.default {
font-size: 10px;
line-height: 43px;
letter-spacing: 2px;
height: 43px;
width: auto;
padding-left: 24px;
padding-right: 24px;
}
}

@media only screen and (max-width: 768px) {

.footer_inner .footer_top .three_columns .column1 {

margin: 0 0 43px;

}

.footer_inner .footer_top .three_columns .column2 {

margin: 0 0 33px;

}

}

@media only screen and (max-width: 1024px) {

.home .content {

margin-top: 0;

}

}

@media only screen and (max-width: 480px) {

.footer_inner .footer_top .three_columns .column1 .widget_text {

margin-bottom: 60px !important;

}

.footer_inner .footer_top .three_columns .column2 {

margin: 0 0 58px;

}

.footer_inner .footer_top .three_columns .column2 .menu-footer-menu-container {

margin-top: 25px;

}

}

Hola Juan Antonio,

Poniendome al corriente con tu consulta inicial entiendo que varias imagenes en tu web no se muestran en fullwidth sino despues de refrescar o actualizar el navegador es que se muestran de manera correcta

Puedes mostrarnos donde sucede? ya que en el home veo todo en orden con imagenes tomando el ancho completo de la pagina

Por otro lado el comportamiento parece mas relacionado con la cache del navegador que de la web como tal

Has validado como se comporta en otros navegadores, en ventana incógnita o desde otros dispositivos?

Saludos!

Hola Bruno, gracias por tu interés en el problema.

El problema parece que solo aparece al entrar en cada una de las páginas de servicios de la clínica. Como verás, la primera ve que entras aparece todo con el diseño roto, alineado a la izquierda y demás...es cuando refrescas y vuelva a cargar cada página cuando aparece con el diseño creado y de modo correcto. He probado en incógnito y desde otros ordenadores entrando por primera vez y pasa igual.

A ver si puedes echarme una mano. Gracias de antemano.

Hola Juan Antonio.

El error ocurre porque tienes activadas las Page Transitions (transiciones AJAX) y al cargar la página vía AJAX, el tema intenta parsear el HTML de respuesta y ejecutar los scripts, pero algo en el contenido hace que falle el appendChild (el token : inesperado suele venir de un script mal extraído o de conflicto con Elementor / plugins).
Por eso solo se ve bien al recargar la página completa.

.- Accede a Qode Options -> General -> Settings (o Theme Options).

.- Busca la opción Page Transition (o "Smooth Page Transitions").

.- Cámbiala a No animation (o desactívala completamente).

.- Guarda los cambios.

Revisa si se soluciona y nos comentas.

Un saludo