Hi @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
