Sitio estático luego de clic en menú en Wordpress

  • Autor Autor JulianAguilera
  • Fecha de inicio Fecha de inicio

JulianAguilera

Eta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Buen día betas,

Estoy presentando un problema con un sitio y es que después de oprimir cualquier botón del menú e ir a dicha página, se queda estático el sitio y no funciona más ningún otro botón ni vínculo por lo cual no puedo volver a la página de inicio ni a ninguna otra. ¿Alguien sabe a qué se deba este error y como lo puedo corregir? El sitio es www.anibalnavarro.com

Agradezco a la persona que me pueda decir, muchas gracias
 
Hola,
Lo que esta causando ese conflicto es el elemento del popup de WhatsApp, se crea como una capa invisible cuando aparece ese popup.

Porque si haces click en cualquier enlace y entras a la nueva página, por un segundo si puedes hacer click nuevamente en otro enlace, pero cuando aparece ese elemento ya no, prueba quitándolo y debería de resolverse.

 
Si y para crear ese popup como 10k de div anidados, por eso nunca me gusta elemento o tro build.
 
En efecto, ese era el error 🤦🏼‍♂️ ¡Muchas gracias!
 
En efecto, ese era el error 🤦🏼‍♂️ ¡Muchas gracias!
Si necesitas un popup de WhatsApp mejor usa el plugin Joinchat, yo lo uso y funciona muy bien.


Cerrado:



Cuando pones el cursor encima:



Abierto:


Se vera mejor en el sitio y no te va a causar ese conflicto, además de que es más interactico
 
Mira esa cantidad de DIVS

Si borras esa parte, te deja dar clic sin problema

HTML:
<div class="dialog-widget dialog-lightbox-widget dialog-type-buttons dialog-type-lightbox elementor-popup-modal"
    id="elementor-popup-modal-5101" style="">
    <div class="dialog-widget-content dialog-lightbox-widget-content animated">
        <div class="dialog-header dialog-lightbox-header"></div>
        <div class="dialog-message dialog-lightbox-message">
            <div data-elementor-type="popup" data-elementor-id="5101"
                class="elementor elementor-5101 elementor-location-popup"
                data-elementor-settings="{&quot;prevent_close_on_background_click&quot;:&quot;yes&quot;,&quot;prevent_close_on_esc_key&quot;:&quot;yes&quot;,&quot;triggers&quot;:{&quot;page_load&quot;:&quot;yes&quot;,&quot;page_load_delay&quot;:0},&quot;timing&quot;:{&quot;devices&quot;:&quot;yes&quot;,&quot;browsers&quot;:&quot;yes&quot;,&quot;devices_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;browsers_browsers&quot;:&quot;all&quot;}}"
                style="display: block;">
                <div class="elementor-section-wrap">
                    <section
                        class="elementor-section elementor-top-section elementor-element elementor-element-c5a43d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
                        data-id="c5a43d1" data-element_type="section"
                        data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                        <div class="elementor-background-overlay"></div>
                        <div class="elementor-container elementor-column-gap-default">
                            <div class="elementor-row">
                                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5843df7"
                                    data-id="5843df7" data-element_type="column"
                                    data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                                    <div class="elementor-column-wrap elementor-element-populated">
                                        <div class="elementor-background-overlay"></div>
                                        <div class="elementor-widget-wrap">
                                            <section
                                                class="elementor-section elementor-inner-section elementor-element elementor-element-ed0f92c elementor-section-boxed elementor-section-height-default elementor-section-height-default"
                                                data-id="ed0f92c" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-default">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-019ea45"
                                                            data-id="019ea45" data-element_type="column">
                                                            <div
                                                                class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-77df880 elementor-widget elementor-widget-text-editor"
                                                                        data-id="77df880" data-element_type="widget"
                                                                        data-widget_type="text-editor.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div
                                                                                class="elementor-text-editor elementor-clearfix">
                                                                                <p><span
                                                                                        style="vertical-align: inherit;"><span
                                                                                            style="vertical-align: inherit;">ESCRÍBENOS
                                                                                            A NUESTRO
                                                                                            WHATSAPP</span></span></p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0683c9d"
                                                            data-id="0683c9d" data-element_type="column">
                                                            <div
                                                                class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-7ce3d5e animated-fast elementor-widget elementor-widget-image elementor-motion-effects-parent animated zoomIn"
                                                                        data-id="7ce3d5e" data-element_type="widget"
                                                                        data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_direction&quot;:&quot;negative&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;zoomIn&quot;}"
                                                                        data-widget_type="image.default">
                                                                        <div class="elementor-widget-container elementor-motion-effects-element"
                                                                            style="--translateX:4.9861px; --translateY:1.07925px; transform: translateX(var(--translateX))translateY(var(--translateY));">
                                                                            <div class="elementor-image"> <a
                                                                                    href="http://whatsapp.com"> <img
                                                                                        decoding="async" width="150"
                                                                                        height="150"
                                                                                        src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_150,h_150/https://www.anibalnavarro.com/wp-content/uploads/2020/09/WhatsApp-150x150.png"
                                                                                        class="attachment-thumbnail size-thumbnail"
                                                                                        alt="" loading="lazy"
                                                                                        srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_150/https://www.anibalnavarro.com/wp-content/uploads/2020/09/WhatsApp-150x150.png 150w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://www.anibalnavarro.com/wp-content/uploads/2020/09/WhatsApp-300x300.png 300w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_768/https://www.anibalnavarro.com/wp-content/uploads/2020/09/WhatsApp-768x768.png 768w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_801/https://www.anibalnavarro.com/wp-content/uploads/2020/09/WhatsApp.png 801w"
                                                                                        sizes="(max-width: 150px) 100vw, 150px">
                                                                                </a></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <div class="dialog-buttons-wrapper dialog-lightbox-buttons-wrapper"></div>
        <div class="dialog-close-button dialog-lightbox-close-button"><i class="eicon-close"></i></div>
    </div>
</div>