Elementor pop up

  • Resolved justanothertechbro

    (@justanothertechbro)


    6 months, 2 weeks ago

    I recently designed a new home page using the twenty twenty four theme editor. However, the entire site is designed using elementor. The issue I am encountering is sudden injection of pop up

    View post on imgur.com
    View post on imgur.com

    The attempt of removal

    View post on imgur.com

    The biggest problem is I don’t know if I permanently removed the popup or the popup will reappear again

    The new home page code

    <!-- wp:html -->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home</title>
        <style>
            .wp-block-spacer {
                display: none !important;
            }
            body, html {
                margin: 0;
                padding: 0;
                height: 100%;
                font-family: 'Haboro Contrast', sans-serif;
            }
            .main-container {
                display: flex;
                justify-content: center;
                align-items: stretch;
                height: 100%;
            }
            .section-container {
                flex: 1;
                padding: 40px;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                gap: 20px;
            }
            .image-container {
                width: 100%;
                max-width: 276px;
                height: 400px;
                overflow: hidden;
            }
            .product-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .section-text {
                font-size: 32px;
                font-weight: 800;
                text-transform: uppercase;
                line-height: 41.60px;
                word-wrap: break-word;
                text-align: center;
            }
            .structural-steel {
                background: black;
                color: white;
            }
            .steel-framing {
                background: white;
                color: black;
            }
            .architectural-panels {
                background: #D8202B;
                color: white;
            }
            @media (max-width: 768px) {
                .main-container {
                    flex-direction: column;
                    height: auto;
                }
                .section-container {
                    height: 450px;
                }
                .image-container {
                    max-width: 100%;
                    height: 300px;
                }
            }
        </style>
    </head>
    <body>
        <div class="main-container">
            <div class="section-container structural-steel">
                <a href="/structural-steel/">
                    <div class="image-container">
                        <img class="product-image" src="/wp-content/uploads/2024/08/StructuralSteel.png" alt="Structural Steel">
                    </div>
                </a>
                <div class="section-text">Structural Steel</div>
            </div>
            <div class="section-container steel-framing">
                <a href="/steelframing-new/">
                    <div class="image-container">
                        <img class="product-image" src="/wp-content/uploads/2024/08/SteelFraming.png" alt="Steel Framing">
                    </div>
                </a>
                <div class="section-text">Steel Framing</div>
            </div>
            <div class="section-container architectural-panels">
                <a href="/architecturalpanels/">
                    <div class="image-container">
                        <img class="product-image" src="/wp-content/uploads/2024/08/ArchitecturalPanels.png" alt="Architectural Panels">
                    </div>
                </a>
                <div class="section-text">Architectural Panels</div>
            </div>
        </div>
    </body>
    </html>
    <!-- /wp:html -->

    EDIT: My latest attempt is just trash the template

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support priyak1996

    (@priyak1996)

    Hi,

    Since you are an Elementor Pro user, you can open a support ticket at my.elementor.com ref: https://elementor.com/help/how-to-submit-a-support-ticket/

    I’d also suggest you check out Elementor Community Group on Facebook. We have created it to connect Elementor users together and share knowledge, Global Elementor Community.

    www.remarpro.com rules state that commercial products are not supported here.

    Ceecee

    (@edicodesign)

    you just removed the contents of the popup but if the trigger conditions are still set , it will still popup based on the conditions but will be an empty container- this could created conflicts. Better is to go to the menu in your admin dashboard? Usually right under Elementor Free menu ; in this menu you have “Saved Templates, “Theme Builder” and “Pop Ups”. Click Popups and delete that popup template from there.
    You can also edit with elementor then under the drop-down menu where you click “publish” or “update” there is an option “display conditions” where you set well the display conditions and could turn it off for your whole site. Now that the container is empty you should probably just delete the whole thing but the display conditions is how you could’ve removed it but kept the template for later

    Thread Starter justanothertechbro

    (@justanothertechbro)

    @edicodesign Thanks for the help. I forgot to update the post status to resolve

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elementor pop up’ is closed to new replies.

Tags