Homepage Elementor Sections Glitch from Template

This topic has 4 replies, 2 voices, and was last updated 1 months ago ago by JAKleinhans_V

  • Avatar: JAKleinhans_V
    JAKleinhans_V
    Participant
    May 20, 2025 at 10:19

    I’m experiencing a layout issue with the front page of my WordPress site, which is built using a theme template and edited with Elementor. When the page initially loads, everything appears normal for about a second. Then, the layout breaks in the following way:

    • The footer section jumps to the top-right side of the screen, overlapping part of the layout.

    • The header section, including the main menu, gets squashed to the left side of the screen – it’s still visible, but compressed and misaligned.

    • The footer then moves again, this time stretching across the left half of the screen on a plain white background, as if it’s detached from the rest of the design.

    It seems like the Elementor sections are being pushed around or restyled after the initial load -possibly due to a script, CSS conflict, or delayed rendering.

    I’ve cleared cache and checked for plugin conflicts, but the issue persists. It seems specific to this theme template when used with Elementor.

    Admin login supplied

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    May 20, 2025 at 13:06

    Dear @JAKleinhans_V,

    We hope this message finds you well.

    We have identified that the issue is being caused by the following custom CSS code:

    
    body {
        font-family: 'Poppins', Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
        font-size: 13px;
    }
    

    Could you kindly check if you have added this code somewhere in your theme or custom CSS settings?

    To resolve the issue, we recommend replacing it with the following CSS:

    
    body {
        display: block !important;
        padding: 0 !important;
    }
    

    This adjustment should help restore the intended layout and functionality.

    Please let us know once the changes have been made or if you need any further assistance.

    Best regards,
    The 8Theme Team

    Avatar: JAKleinhans_V
    JAKleinhans_V
    Participant
    May 20, 2025 at 15:20

    Awesome thank you,
    It was from the css I added to the “Request a Quote” Sales Booster, just added some height to main container. Thank you!

    Avatar: JAKleinhans_V
    JAKleinhans_V
    Participant
    May 20, 2025 at 15:20

    Thanks for the support! My topic “Homepage Elementor Sections Glitch from Template” has been successfully resolved.

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Homepage Elementor Sections Glitch from Template’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.