Large Icon Display Issue in Header Upon Page Load

  • Resolved thisisgross

    (@wheelcapmedia)


    1 month, 3 weeks ago

    After updating to Elementor 3.24.5 and Elementor Header & Footer Builder 1.6.42, I’ve encountered an issue where the social media icons and icon list in the header enlarge for about 1 second during page load or when navigating between pages. This happens every time I refresh or switch pages.

    I’ve already cleared my browser cache, disabled all caching plugins, and regenerated Elementor CSS & Data, but the issue persists. However, when I roll back Elementor to version 3.24.1, the problem is resolved.

    Any insights or solutions to fix this without rolling back would be greatly appreciated!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support bsfankusht

    (@iankusht)

    Hi @wheelcapmedia ,

    Could you kindly try disabling the Element Caching option in Elementor Settings to see if that helps? You can do this by navigating to Elementor > Settings > Features to inactive the Element Caching option.

    Here’s a screenshot for reference: https://i.imgur.com/J4y64zF.png.

    Give it a try, and let us know how it goes!

    Kind regards,
    Ankush ??

    Thread Starter thisisgross

    (@wheelcapmedia)

    Hey @iankusht ,

    Thanks for the replay. It’s disabled now. But it seems not to fix the problem.

    Plugin Support bsfankusht

    (@iankusht)

    Hi @wheelcapmedia,

    I’ve shared the details with our developers, and they are actively looking into it. Since rolling back to Elementor version 3.24.1 resolves the problem, we’ll investigate what’s specifically causing the issue after version 3.24.1.

    Thanks again for your patience and understanding!

    Kind Regards,
    Ankush ??

    Plugin Support bsfankusht

    (@iankusht)

    Hi @wheelcapmedia,

    Thank you for your patience and for letting us know about the issue you experienced.

    I’m happy to share that the display issue with the social icons in Elementor’s Header & Footer Builder has been resolved in the latest version (1.6.43). This update should ensure the icons load correctly without the enlargement during page transitions. You can check out the changelog for more details: https://www.ads-software.com/plugins/header-footer-elementor/#developers.

    Please update to the latest version of the plugin, and let us know if everything is working smoothly on your end. Your feedback would be greatly appreciated!

    I am marking this thread as Resolved. Feel free to reply back to this thread if you still need any assistance or start a new thread if there’s anything else related to this plugin, we can help you with.

    Thanks again for your understanding and for being part of the community!

    Kind regards,
    Ankush ??

    • This reply was modified 1 month, 1 week ago by bsfankusht.

    Hi, @wheelcapmedia @iankusht I have a solution for this issue. You have to set the height and width of the icons. Use the following css code:

    .elementor-widget .elementor-icon-list-icon svg {
        width: 17px;
        height: 17px;
    }
    Plugin Support bsfankusht

    (@iankusht)

    Hi @ismailhhridoy, Thanks for sharing the custom solution. We really appreciate it.

    • This reply was modified 3 hours, 34 minutes ago by bsfankusht.
Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.