Title: Header loading display
Last modified: September 1, 2022

---

# Header loading display

 *  Resolved [usmanraees](https://wordpress.org/support/users/usmanraees/)
 * (@usmanraees)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/header-loading-display/)
 * Whenever i visit my website while its loading header looks so bad and it takes
   good 2 3 seconds to load is there anyway I can solve this problem? May be don’t
   display header at all until its fully loaded. Screenshot attached of a mega header.
   
   [https://snipboard.io/ng6f7P.jpg](https://snipboard.io/ng6f7P.jpg)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-loading-display%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Prosenjit Barman](https://wordpress.org/support/users/prosenjitbarman/)
 * (@prosenjitbarman)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/header-loading-display/#post-15972535)
 * Hi [@usmanraees](https://wordpress.org/support/users/usmanraees/) ,
    Thanks for
   reaching out to us.
 * I can understand the issue you are talking about. Sometimes due to optimization
   rules applied for the JS files, you may encounter such issues with Megamenu. 
   If you are using any optimization plugin and any functionality that **delays 
   the execution of JS files until the page load or until a user interacts** is 
   enabled there, then the Megamenu may appear as broken while the page is loading.
 * So, would you please remove any rules assigned for JS files from your optimization
   plugin and then check if the issue still persists? If that solves the issue, 
   then you can keep that feature disabled.
 * There is also another workaround for this issue. You can set a **min-width** 
   for the Megamenu, equivalent to the width you’ve applied while configuring the
   Megamenu. In your case you can copy the CSS code mentioned below and paste it
   to **Appearance > Customize > Additional CSS** section.
 *     ```
       @media (min-width: 1025px){
       .elementskit-megamenu-panel {
           min-width: 750px !important;
       }
       }
       ```
   
 * Let me know if that helps or if you need any further assistance.
 * Best Regards
    Prosenjit
 *  Thread Starter [usmanraees](https://wordpress.org/support/users/usmanraees/)
 * (@usmanraees)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/header-loading-display/#post-15973937)
 * It does help thank you

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header loading display’ is closed to new replies.

 * ![](https://ps.w.org/elementskit-lite/assets/icon-256x256.gif?rev=2518175)
 * [ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor](https://wordpress.org/plugins/elementskit-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/elementskit-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/elementskit-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/elementskit-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/elementskit-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/elementskit-lite/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)

 * 2 replies
 * 2 participants
 * Last reply from: [usmanraees](https://wordpress.org/support/users/usmanraees/)
 * Last activity: [3 years, 9 months ago](https://wordpress.org/support/topic/header-loading-display/#post-15973937)
 * Status: resolved