Mega Menu covering content

Solved
Highlighted
Tourist
4 0 0

The Mega Menu is opening too early when user moves his mouse on the screen and it cannot be closed.

How can we either prevent the mega menu from opening too early or make it disappear, and not re-appear if the user click somewhere ?

0 Likes
Highlighted
Shopify Partner
915 195 357

@prime_mic 

 

Send me your store url so, I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
4 0 0
0 Likes
Highlighted
Shopify Partner
915 195 357

This is an accepted solution.

@prime_mic 

 

Go to the Theme > Assets > theme.scss.liquid file and add following code at the bottom of file:

.MegaMenu {
    visibility: hidden;
    opacity: 0;
    display: none;
}
li.HorizontalList__Item:hover .MegaMenu {
    display: block;
}
li.HorizontalList__Item {
    padding: 15px 0 15px 0;
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
4 0 0

That worked perfectly. Thank you very much for that.

0 Likes