Hi Everyone,
I’ve experimented with a few ways to provide a true mega menu on my site but all of them seem to interfere with the menu system and overall site structure. It seems like the options available are band aids and what’s needed must be more robust and flexible in the editor.
The main Wix Editor’s “Site Menu” apparently can’t be extended to the point where a mega menu can be provided. Anyone who has looked into this knows that there are at least two ways this can be handled and neither of them are quite sufficient. One option uses lightboxes to trigger a box on/off but it requires absolutely positioning the menus, requires custom javascript events, and the lauyout breaks easily. The other option is fully database-driven, is a monster and totally seems like overkill.
I’m looking for a way to take a group of submenu items (let’s say a group of 3 headings with 3 items each beneath the heading) , for example, and display it horizontally with design freedom as if it were a regular box or strip in the editor. I would like to keep the integrity of the overall site menu while doing this (the main menu tree is obviously the spine of the entire site, binding pages to sections and section to the overall site structure itself).
I’ve watched at least 10 different incomplete tutorials on this and none of them get me to where I need to be. Mega menus are a very in-demand feature for sites and seems like something that the editor could pretty handily deal with, right in the main Wix Editor. But that feature does not exist today. Is this a challenge many others are facing, and if so, what have you done? Thank you for any thoughts and feedback.
Thank you,
SVV
Example of a mega menu expanded, shown below with the effect I need to achieve.
But can’t you just use this?:
import wixData from 'wix-data';
export function button_click() {
} if ($w("#box").hidden){
$w("#box").show();
} else {
$w("#box").hide();
}
I am not quit sure what kind of mega menu you want to create, but this should work as a good mega menu.
(You don’t need the site menu, it is not very usfull here. You just need to add buttons with onClick events & hidden boxes.)
Thank you for replying. I need the menu to be triggered off of hover. I am using something like what you suggested. I have broken the nav out into the 6 buttons that comprise the “new” main nav, which is set up to look like a regular tabbed horizontal menu across the top. If I put the mouseover code in the “site” part of the Corvid editor (and not on the page tab), the menu boxes do appear but when the user takes the mouse off the button, the menu immediately disappears. Therefore even if I have links and items in the box (box7 in this case) they can’t be clicked because they only appear for a moment and immediately disappear on mouse out. Thank you for taking a look at this.
export function button25_mouseIn(event) {
$w( ‘#box7’ ).show();
}
export function button25_mouseOut(event) {
$w( ‘#box7’ ).hide();
}
I also think I am getting thrown off by the fact that I have a header strip in place, but I’m no longer using the actual header/menu system out of the box from Wix. This has the result of a “site” tab for custom javascript and a “page” tab in the Corvid editor. I’m not sure if I need them to be one and the same but it seems like I have 2 different places where code is entered, a page header and a page body. This adds another layer of issues. Any help or pointers are hugely appreciated. Thank you!
It is a shame after so many years wix couldn’t come up with a mega menu widget.
Why is so hard for wix to develop mega menu widget? I’ve seen thousands of people with this same issue and wix just can’t grasp the need of this widget. This is why I’ve switched to wocode. They have a mega menu widget.
It’s because it is too easy to create one yourself. Here is a tutorial for you.
I know it is easy to make one, but Wix proud itself to be an easy drag and drop web design tool with no coding required, but when you need something common like a mega menu you need to code it yourself.
Hi Carlos,
You can vote here for Wix to develop this feature. Thanks.
