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
Shopify Partner
508 111 153

@prime_mic 

 

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

 

Thank you,

Tejas

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

Success.

Shopify Partner
508 111 153

@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
- Feel free to contact me on support@hexaecommerce.com regarding any help
- Like and Mark as an Accepted Solution if reply helpful
1 Like
Tourist
4 0 0

That worked perfectly. Thank you very much for that.

0 Likes