Mega Header without Dataset (Collapsed Effect) in WIX Website

What are Mega Menus?

Mega menus (sometimes spelled “megamenus”) are a type of expandable menu in which many choices are displayed in a two-dimensional dropdown layout. They are an excellent design choice for accommodating a large number of options or for revealing lower-level site pages at a glance.

To add Mega Menu without Datase (Collapse Effect) in WIX Website View Tutorial Video

Code Used:

export function homeButton_mouseIn(event) {
 $w('#megaMenuStrip').expand()
}

export function megaMenuStrip_mouseOut(event) {
 $w('#megaMenuStrip').collapse()
}

export function aboutButton_mouseIn(event) {
 $w('#megaMenuStrip').collapse()
}

export function brainstormButton_mouseIn(event) {
 $w('#megaMenuStrip').collapse()
}

export function donateButton_mouseIn(event) {
 $w('#megaMenuStrip').collapse()
}

export function logo_mouseIn(event) {
 $w('#megaMenuStrip').collapse()
}

In the above code;

• homeButton- Button we're using to trigger Mega Menu strip to Expand.

• megaMenuStrip- Mega Menu Strip (Arrange front to all strip)

• aboutButton- About Button we're using to trigger Mega Menu strip to Collapse.

• brainstormButton- BrainStorm Button we're using to trigger Mega Menu strip to Collapse.

• donateButton- Donate Button we're using to trigger Mega Menu strip to Collapse.

• logo- Image we're using to trigger Mega Menu strip to Collapse.