Mega menu – full width at page refresh

Hi @mywpun ,
Thanks for reaching out to us. I’m very sorry for the delay in getting back to you!

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. You can copy the CSS code mentioned below and paste it to the Appearance > Customize > Additional CSS section. You can change the value of Min-Width as per your needs.

@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

Hello Prosenjit, the latter solution seems to be working fine, I did changed the theme but the issue persisted, as for the plugins I have only Elementor and EK since I’m building the website on local host.

I still don’t understand what does the first line tho ??

Thank you for the reply.

Hello @mywpun,
I hope you’re doing fine.

I’m glad that one of the solution works. What I meant in the First line is applicable to the Caching or Optimization plugins only. To improve the Page speed, Optimization plugins have a mechanism that delays the execution of the JavaScript file till a user interacts(by clicking or scrolling) with the Page. Since you’re on Localhost and not using any Caching plugin, don’t worry about that.

But, if you still need assistance in fixing the Megamenu issue, please let me know. I will be happy to assist you.

Best Regards,
Prosenjit

Hello @prosenjitbarman ,

The solution works indeed, thank you so much.

My best wishes,
Ala