Hover drop down mega menu disappears too quickly

[bee-woo]

On my home page the hover drop down works fine and does not disappear. However on every other page the hover mega menu disappears too quickly. Any help will be greatly appreciated. Thank you

https://imgur.com/a/0sX8Yd9

This is the video of the issue.

[Liquid_xPert_SJ]

@bee-woo 

please share store url.

thanks

[bee-woo]

@Liquid_xPert_SJ 

https://if8x9sb2tp23w6v4-78682521917.shopifypreview.com

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

<style>
 .mega-menu__content {
    z-index: 1;
 }

 .header--middle-center a.header__heading-link {
    z-index: 2;
 }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[bee-woo]

Thank you, that worked for me

[AnneLuo]

Thank you for your reply. I'm glad to hear that the solution worked well for you.
If you require any more help, please don't hesitate to reach out.

[PeterEmersonCli]

Hi,

I have the hover function working on the menu but it is disappearing.

Where do I paste this code to make the menu stay?

Thanks