Code for Mega Menu

Ask the community
,
1

Hi,

I’ve currently got a mega menu semi-working, but it sometimes works and sometimes doesn’t. Am I doing something wrong in my code? Any suggestions are welcome.

Thanks!

export function collectionsbutton_mouseIn(event) {
$w("#box2").expand();
}

export function collectionsbutton_mouseOut(event) {
$w("#box2").collapse();
}

export function box2_mouseIn(event) {
$w("#box2").expand();
}

export function box2_mouseOut(event) {
$w("#box2").collapse();
}
2

Hey,

We have a complete tutorial on how to create a mega menu with Corvid that should help you out.

Corvid Tutorial: Creating an Expanding Mega Menu

Hope this helps!

Dara | Corvid Team

3

What are the situations where it does/doesn’t work? I have a similar mini “mega-menu” dropdown on my site.

4

The mega menu is supposed to appear when a mouse cursor hovers over a button, then the user can click on links in it. Then, it is supposed to disappear when the user’s mouse cursor hovers off the button or the mega menu.

It sometimes disappears when the mouse goes off the button, and onto the mega menu. Sometimes it works as it works as expected.

5

Thanks for that! I might alter the template that it gives you.

6

@alexrego2000 Where you able to solve this? i’m having the exact same issue