How To Build A Dropdown Mega Menu in Wix | Wix Website Tutorial
HTML-код
- Опубликовано: 21 июл 2024
- HOW TO BUILD A DROPDOWN MEGA MENU IN WIX | In this video I’m going to show you how to build a mega menu/sub-menu in Wix with relatively few steps involved. This process allows you to quickly implement a nice new navigation tool to your Wix website.
Mega menu's deliver some tremendous value to both you and your user. It adds a new layer of navigation to your website, making it easier to find items quicker. Mega menu's also drive higher numbers of sales and lead conversions because people can access areas of the website they may not have discovered previously.
Building a mega menu in Wix was previously extremely difficult, even impossible. Today, it is more than possible thanks to Wix Corvid/Wix Code. With very few steps, you can have a mega menu up and running in no time.
CHANNEL & MPS ACCOMPLISHMENTS:
-Wix Design Expert
-Wix Certified Trainer
-Wix Partner
-Keynote WixCon Speaker
-Largest Global Wix Influencer
-Largest Global Wix Training Community
CHANNEL GOALS:
-Hit 50,000 subscribers by March 1 (I need your help to get there :)
-Increase engagement on each video (comment down below :)
VIDEO & CHANNEL RESOURCES:
Sign up to your Free Wix Training Academy here:
www.wixmywebsite.com/
BECOME A WIX NATION INNER CIRCLE MEMBER (LIMITED TO 10):
/ wixtrainingacademy
GET YOUR WIX ACCOUNT & HOSTING:
bit.ly/2QdbqCo
MUST-HAVE TOOL FOR RUclips CHANNELS:
www.tubebuddy.com/MPS
Watch more videos on my Wix Training Academy RUclips Channel:
/ computermdofgilbert
WIX TRAINING + DIGITAL ENTREPRENEUR PLAYLISTS:
"Wix Ecommerce: The Ultimate Guide To Building An Online Store in Wix:
• Wix Ecommerce: The Ult...
“Building A Social Network in Wix: The Non-Coding Founder's Guide”:
• Building A Social Netw...
“Corvid by Wix Training Tutorials”:
• Velo by Wix | Training...
“Wix My Website”:
• Wix my Website
“Ascend by Wix: Training Tutorials”:
• Ascend by Wix | All-in...
NEW TO THE CHANNEL? START BY WATCHING THESE VIDEOS:
“Open Q&A”:
• Open Q&A: Discover Mor...
“8 Underrated Wix Features You Probably Don't Know About ”:
• 8 Underrated Wix Featu...
“5 Ways To Obtain Funding For Your Business”:
• 5 Ways To Obtain Fundi...
“How to Create Wix Code Databases & Dynamic Pages: Wix.com”:
• How To Create Wix Code...
“Wix My Website Welcome Video”:
• Wix My Website - Welco...
__________
CONSULTING: Want to work 1-on-1 with MPS to work through online business strategy, Wix strategy or RUclips strategy? We are now accepting applications for new clients. You can apply here: www.wixmywebsite.com/copy-of-...
DONE FOR YOU WEB DEVELOPMENT. Want to have a professional website developed? I am now accepting applications for new clients. I specialize in Corvid/Wix Code Development projects on Wix. If you'd like to hire me for your project, you can submit your application here: www.wixmywebsite.com/copy-of-...
--------------------
Stay Connected:
Email: info@wixmywebsite.com
Twitter: / wixtraining
Subscribe: ruclips.net/user/ComputerMDo...
Hire Michael: www.wixmywebsite.com/copy-of-...
MPS Message: I wanted to make sure you are aware that this video description contains affiliate links. It is completely up to you whether you utilize these links. Just know that if you use these links, there is no difference to you, but it does partially support this channel :)
![Chk Chk Boom - Stray Kids ストレイキッズ 스트레이 키즈 [Music Bank] | KBS WORLD TV 240719](http://i.ytimg.com/vi/63QPwqCRGcw/mqdefault.jpg)
this is great! now i am able to modify the menu with no limitation. One question though, is there a similar tutorial for the mobile menu? would be nice to be able to customise that too!
Would using this technique, or using Lightboxes to achieve a similar effect, have SEO ramifications? I'm not sure how Google views this type of menu as opposed to Wix's pre-built menus.
So Helpful man, Big thanks:)
Keep Bringing such features.
No worries, thank you!
Thanks for the great tutorial, Mike!
I love it when people can find simple, ingenious workarounds for computer problems... I'm definitely eager to try out your mega-menu strategy. I'll let you know how it turns out.
Good luck with your 50K challenge 👍
Thank you so much for this video. I have been wanting to add a menu exactly like this to my site and now I know how!
Glad to help!
Why not use a strip and use the expand and collapse functions so then the menu will be a bit responsive? or am I missing something?
Hi, I am unable to find the properties window for button editing which you have shown in the right top corner, can you guide me, thanks in advance
Sorted the menu out great video! thanks guys will let you know when live!
Excellent! Glad to hear this!
This is such a incomplete "tutorial" that you should probably pull it down. Almost all of this is wrong or partially broken. Plus the megamenu stays up forever the way you did it. This is going to cause people more confusion than they had in the first place.
Let's see. I'm gonna try it.
You are right can you explaain the solution to this problem
@@mehulgupta3375
His code is incomplete. You have to add a second part that hides the mega menu.
This is the full code that I used and it works:
export function shopbutton_mouseIn(event) {
$w('#megamenu').show();
}
export function shopbutton_mouseOut(event) {
$w('#megamenu').hide();
}
export function megamenu_mouseIn(event) {
$w('#megamenu').show();
}
export function megamenu_mouseOut(event) {
$w('#megamenu').hide();
}
@@birthdayggenietricks7595 thank you very, very much. I worked for a week and even wanted to quit. You're great. You've completed the missing code. Thank you so much.
@@birthdayggenietricks7595 hello! i used you code and worked amazing!! but how do i make my mega menu appears in all pages? the buttom appears as a master page (header) but the mega menu only appears in the home page (where i created it) how do i made my mega menu appears as a masterpage too or in all pages?
Wow, this has opened up a new world for me in Wix. I always thought the plain default drop down menus were always so samey and ugly but this is brilliant. Can you tell me how it functions on mobile view.
So happy to hear that! Mobile view it will not work like that. Mobile view has a different default menu
I appreciate the video man super helpful !
My god this helps a lot for people like me who are a little bit technical but don't know much about coding etc. Thanks man!
Great tutorial! I have a few questions, after I hover over the button once the menu does not disapper but rather just stays there until i click on something, how do I make it go away after they stop hovering on theh dropdown menu? 2nd I want to box to scroll down with the page, right now it's only showing up where the block was placed, its also only showing up on the one page. Thanks for your help!
did you find the way?
cool, but how do you get it to go away when you hover out of it? i've tried multiple ways but i still havent fixed it
Good morning, looks like I gotta add a mega-menu to my site. This is cool.
Fantastic! Thank you. I encourage it
hey there, does it work on mobile? cause I did that too and on mobile devices it is messed up. Thinking now how to resolve this issue
@@TheWixTrainingAcademy Can you please release a "good"tutorial.. I feel like this misses so many steps and your customers shouldnt have to spend hrs on something simple like this. Im saying simple because its absolutely not but it shouldnt be this difficult to link a event to a handler. smh TERRIBLE
Thanks for the video. Can you tell me what I have done wrong- the megamenu remains after the mouse moves on and doesn’t go away?
This is really helpful!
What is noticed is that at the site you made, clicking on "football" opens a menu and the same happens when you click on "shows". How can i make this without having ovelapping? Thanks in advance!
Perfect I was wondering how to do that, thank u so much
Love this guy. Continue doing your amazing works
I appreciate you!
When I scroll down on my page, the mega menu doesn't move down and stays on top of the page. Is there a way to go around it so the mega menu stays on the top with the frozen header?
How to open the side code section below? SOrry I'm quite lost in Wix
This worked for me, only problem is now that i have a drop down menu that covers half the screen, everything that is under the menu (even when its not active) is not clickable... anyway to solve this? I've tried using expand and collapse instead of show and hide, but then the menu pushes the content of the page down
The back story is helpful for context. Thank you.
Glad you enjoyed that! Thanks for sharing :)
I still can't get it to hover. I might be putting the code in wrong since I can barely see
Hey i built a nice Mega menu using Buttons and boxes in wix . How can i hide the boxeson wix editor
Thank you, this video really helped me to do the things I wanted
Can u help me please?
Thanks MPS!
You're very welcome!!
When I placed my button on header, it's not working. The code all correct but when i mouse in it's not displaying the box. Please help.
How will it affects the resizing of the browser smaller and in a phone
Where should we enter this code? In the same code or should i make a new code? Maybe you can post the whole code here, please. I can't coding, but managed to create megaMenu on the first attempt at coding. But then don't understand where to enter the code to make the menu go away.
Are you in dev mode? because I only see the properties panel in dev but it doesn't looks like yours... how can I make it look like yours and also on the left side where all the tools - pages, background, add etc.. there is also another toll bar that belongs to the dev mode which I don't want to see.
I just want the properties panel like yours.
Super this tutorial, but when we get to the lines of code, everything is so small on the screen that we no longer read and if we are not fully bilingual we end up being lost ... Please modify this video or to make a 2nd with a resumption in writing embedded in the video of the modifications to be made in the code to create a megamenu from a horizontal and vertical menu Thank you in advance
You save my life , great tutorial . Thank you , you are the best . ''hello from Argentina''
Glad to help!
Muito obrigado amigo!! Adorei seu canal e suas dicas!!
Thank you for this video, finally know how to do this for my website!!! I initially tried it with a lightbox and it was an epic fail!
i tried with lightbox and it was a fail too
Hello
I'm trying to do what you are explaining in the video. but in my editor I cant find the " Properties " toolbar that u have on the video. I searched about it but couldn't find a solution. So do you know how can I find or add that properties toolbar.
Thanks
I think I got it. Its on DEV mode
✅ ... Awesome tutorial and I actually needed the info! 💯 😀⭐️
Glad to hear it!
Hi , very nice video.. I just have one question.
How can i make the menu (the hidden box) stay visible when i hover over the button or the menu itself , and otherwise make it fade away when the mouse is out of the button or the box???
I have tried the mouseOut function but unsucessfully.
I want this button to work like a normal header -menu button
Thank you in advance for your feedback
I wish he touched on this in the video! Just add a mouseOut function to the submenu box rather than the button, and change the code to
#w(#menuName).hide(); so it hides the box when you leave the menu!
The drop down mega menu does not disappear. I tried adding .hide() and .collapse() for the megamenu but it does not seem to work. It is really frustrating. Can you help out?
any way to make the menu align when the screen resolution is changed ?
Can I create separate mini mega menus for different buttons? When I try to create separate mini menus it gives me a hard time
Does anyone know how he even got to the "properties" page to select the "onMouseIn"? I cannot seem to find it.
When your on wix, just turn on dev mode and it will pop up
How can I create a second drop down menu on another tab? I’ve made one, which opens a mega menu when you hover over the ‘services’ tab. I want to have another when you hover over the ‘shop’ tab. But whenever I create another box and put it below the menu, it attaches itself to the previous mega menu. How do I get around this pleeeease?!
The same process or use the same box
Thanks for this, this is brilliant. My only issue is - and I'm sure the error is on my side -is that when I scroll down, the box stays on the top of the page so if the user is on the bottom of the page and clicks on the mega menu button, they won't see anything until they scroll up, if this makes any sense. Is there a solution for this at all?
Add an onMouseOut event using the code:
export function button1_mouseOut(event) {
$w('#nameofyourbox').hide();
}
Good day. Question: is it still possible with the current editor? I can't find the window for the button ID settings. (On your video at minute 7:59) Is this function still available for the buttons? thank you very much.
Thanks! There is just one problem. I created one myself but, when I hover on the button the box shows. But I the box won't dissapper when I hover on some ware else of click on some ware else. I need some help!
I am having the same problem and I also get an error message ("#megaMenu" is not a valid selector)
Hi @@cedngo! I found a solution(witch works)! You can add a onMouseOut function (in the properties panel inside the Wix editor) to the button so when someone moves their mouse off the button, the MEGA MENU will vanish! Also, you have to set the ID for the box(MEGA MENU drop down box) to "#megaMenu" in the properties panel (by the way, you don't have to write "#" in the properties panel. Just it in your code).
Works mate and with that other persons adding with the out opinion is cool. Thanks heaps
With these many elements wix site will get slow and how it views on mobile site?
It works perfectly but only on that specif page! please any help
Hi! Thanks for this tutorial. The box I have will only be visible on the current page where I've put it. Any tips on how to keep it visible anywhere on my site (as a part of the header maybe)? Or do I have to do this for every single page? Thanks!
im trying to figure out as well - any luck?
@@melinda05281 hi melinda. What I did was to pin the box to a specific place on the viewport and then right click and select "show on all pages" hope this works for you :)
@@milamalenova Could you tell me what the view port actually is please?
@@milamalenova Yes it worked thanks
Great video in that it got me started with building a mega menu, but incomplete. Here's what it missed and how to resolve some of the issues raised in the comments:
1. The mega menu stays there forever once hovered over.
Solution:
Add another function to the button called 'onMouseOut()'. The code you want to add to it is:
export function productsButton_mouseOut(event) {
$w("#megaMenu").hide();
}
2. This only puts the mega menu on one page.
Solution:
Select your container box (mega menu), and right click it. There's a radio switch in the options that appear called 'Show on all pages'. Make sure it's switched on. Then it and anything within it will show on all pages when you hover over your button.
3. Once you've set your onMouseIn and onMouseOut on your button, you'll have the additional problem of the mega menu disappearing as you move into it to select something, and you also HAVE to hover over the button again to collapse it.
Solution:
Add an 'onMouseIn' and 'onMouseOut' function to the Container box this time:
export function megaMenu_mouseIn(event) {
$w("#megaMenu").show();
}
export function megaMenu_mouseOut(event) {
$w("#megaMenu").hide();
}
I did the same, and the megamenu still there with mouseout, help!
@@estefano551
When you're viewing your code for the 'OnMouseOut' for both the button and the container, are the 'OnMouseIn()' and 'OnmouseOut()' Event Handlers selected on the right hand side? (Under the 'Event Handlers' heading to the right of your code).
One of the minor annoying things about Wix Dev is that you can have the Event Handling code there but it doesn't always work if it's not selected from the left under 'Event Handlers'. Even though you have the right element ID in there. It's weird. If you just select the event handler you want from that list, then add the bits you need to the handler it puts in for you, get rid of your own from there and save, it works.
Thank you, it's working quite well.
I can't figure out something tho. I want to make slide from the top animation for the box, here is the code:
let slideOptions = {
"duration": 150,
"delay": 0,
"direction": "top",
};
export function button101_mouseIn(event,$w) {
$w("#box101").show("slide", slideOptions);
}
export function button101_mouseOut(event,$w) {
$w("#box101").hide("slide", slideOptions);
}
export function box101_mouseIn(event,$w) {
$w("#box101").show("slide", slideOptions);
}
export function box101_mouseOut(event,$w) {
$w("#box101").hide("slide", slideOptions);
}
But it's breaking on me, still disappears when trying to select smth and acting weird in general, mostly because of the duration that it takes it to close and open (also has problems with hovering over too fast). I probably can fix part of it by placing items further from each other, but maybe I can find a better solution for animating things. Thanks in advance.
thanks for the tips but I realized that sub megamenu would only show when you're at the top of the pages and disappear whenever I scroll down. pls, how can I fix this?
@@missdino1988 thanks for your answers i have a question when i come to on mega menu for click sth it disseappears again :( what can i do for solve it
this is a great tutorial for me but one thing I'm stuck on is how do I get that properties tab bar thing on the screen? I would really appreciate it if you could tell me how to get that.
you can just click on dev mode .
If I put the mega Menu on the strip, and I overlapping some text in there. I can't touch anything behind the strip at all. Is there any idea Suggest for me ?
Maybe your items are arranged at the back?
Choose the strip
Tools -> Toolbar -> Arrange -> arrange it to the back
then those overlapping items can come out again?
Do I need to do something different for the mega menu on mobile?
Hi I used your method and it worked perfectly, but only on homepage. the menu is in header and doesnt work on other pages so I had to remove the megamenu and stick with the regular text
Yes, this was a page basis. You can try and upload to the site code and not page code, that should work
Hi, Can you help I keep getting an error saying SW not defined? Could you help please. Also when you come off the box it stays on, can you get it to disappear once you come off the box
had the same issue, until I figured out it's actually $w :D
hi, do you know why the sub menus are going up wards instead of down wards like in your videos ? Is it because the header have been move bigger and smaller in size ? or what is the reason for that ?
I have fix it now, I found it out my self. 😀
What code should be added that when mouse is not on the mega menu and it should be hide? Thanks for sharing
Add another function to the button called 'onMouseOut()'. The code you want to add to it is:
export function productsButton_mouseOut(event) {
$w("#megaMenu").hide();
}
When you hover over NFL the box will appear, but as soon as you move your mouse on to the box it will dissappear?
Thanks for the video. It was really helpful!! One question though, does this work with sticky nav? When I scroll down, the mega menu doesn't seem to work anymore.
Thank you! I’d have to make another video for sticky nav
@@TheWixTrainingAcademy Hey, please do or please let me know how to do this
Try pinning the drop-down menu's box to the desired area of the screen. Right-click on the element and then 'Pin to screen'. Hope it helps!
Thanks - great video
hey,
thank you so much bro,
i was follow you and done all the things, but when i start to check my website, i found that sometimes the Megamenu dont disappear even though i write the code. it seems like reaction very slow..
how can i solve that...
thx
Yes, need to create an update video
Okay. So I followed everything and it works but it’s always visible. If you hover over it once it won’t go away and blocks everything behind.
I cant seem to get the code to work. I triple checked the labels and its still not working. Has the syntax changed for 2022 version of Velo?
Hi, I'm using this tutorial may I know how do you show the display of the properties on the right? Can anyone kindly advise?
you need to activate "Wix velo" feature - extended toolkit, which will let you to do such things
Thanks for the video.
how do I stop the container box from showing once I take off the cursor from the button?
Thank you for doing this video
just subbed, i enjoyed the video, is there a way to import data to use on the mega menu...like for a product that uses multiple different brands and models with those brands
thanks guys'
Pretty cool feature and very easy, I'd like though to see it happen with the menu itself, I can't get it to work using one of the menus items.
great tutorial. thank you!
hi i use the .hide() function to disappear the menu box it is working but the box disappear when i hoverout the mouse from the menu button i am not able to click anything which is in the box. can you please tell me how can i not disappear the box when i move my mouse cursor from the menu button to the big menu box?
Use a .onMouseIn event on the box itself with the command .show, simple as this
@@AhmadNasriya can you write an example sir?
Figured out how to code it..... finally. My drop down menu loads.... but only on the home screen. How can I get it to load on every page?
If you right click on the menu box you will see a setting that says "Show on All Pages", be sure to toggle that on.
Please explain the code to me because he is copy pasting a code that doesnt appear for me
Very good content value, thank you
I am excited to try it
Give it a go! Let me know how it goes
QUESTION: DO I NEED TO KNOW CODING JUST TO DO WHAT YOU ARE SHOWING IN THIS VIDEO?
it's not working for me. after writing code in masterjs it's showing id is not present. after writing code in home it didn't show any errors but not working after the hovering the button.
really good, but the box does not go away when the mouse moves away?
how do you keep the box open when you're trying to get to a submenu within the container/box? my container/box disappears when I'm off the hover button
New line of code after the last } put basically the same code except make it onMouseOut and .hide();
I done everything I could. The container still sit there after click preview... The button does not even make the container hover when mouse move over the button. *frustrating*
you have to choose "hidden" by default on the properties of the box.
Thank you so much for this video!!! 🙌🏻
I tried it on my website and it seemed to work, however I have 2 issues:
1. When I hover on the button the box does open, but it doesn't disappear when I move my mouse somewhere else then the menu
2. When I go back to the editor the box is not there anymore so I cannot finish creating it 🥺
Do you have any idea why? :)
Mark the box of the dropdown menu with the "Show in all pages"(or something like that), and don't forget to put the same code in the box and the button:
export function productsButton_mouseIn(event) {
$w("#dropdownMenu").show();
}
export function productsButton_mouseOut(event) {
$w("#dropdownMenu").hide();
}
@@Chompski_ You should put the function in the dropdown too.
This is cool and all and obviously and easy solution but what about hover men
us? I’ve tried several times to make a menu that has sub sub menus (2 dropdowns) and having them hide when not being hovered on has proven incredibly difficult with the way Wix works.
I have been trying to do this for a the last couple of months. Will you please send me the codes? And do you have to code the menu and the dropdown? Please let me know.
When I type in the code $w("megaMenu").show(); its says its not a valid sector
you are missing the "#" before de "megaMenu". Look closely at the video. This happens to me always
I have included #also but it saying the same
@@ritikpandey8781 look closely where ur code opens when u add the "+" button from the propertise panel. if your button is placed in the header and your button is placed on the page then you can't select it. if the header is a compulsion follow steps
1. use a strip and attach it to the header
2. then stretch that strip width so that you can attach your box in it
3. attach your box inside the strip
4. now as per the video you will be able to select your mega menu
How tdoes this transfer over to the mobile menu?
i found the best way to work for this: on the buttom add onMousein.show+nMouseOut.hide then do the same command on the box collapse command dont necessary at all at this issue
Correct! Good find
can't you put the code how you Make it
weird, i followed step by step but my megamenu function doesnt seem to be popping up
Hey MPS. Once I move the mouse off of the element (box menu), the box menu does not hide. The box menu behaves as a permanent element. So I tried to create an event to hide the menu. I selected event> onmouseout, which then created an export function for the box menu. My code, as per Corvid reference, is $w("#myElement").hide();.....It doesn't do anything. Can you please advise? Thank you.
Hey Kevin, this is correct! I did not display a hide element in this particular video. Essentially what needs to happen is you need to choose onMouseOut and select a .hide() function for the mega menu box.
export function button1_mouseIn(event) {
$w('#box1').show();
}
export function button1_mouseOut(event) {
$w('#box1').hide();
}
export function box1_mouseIn(event) {
$w('#box1').show();
$w('#button1').disable()
}
export function box1_mouseOut(event) {
$w('#box1').hide();
$w('#button1').enable()
}
@@charlesdelamarre6166 thanks man, u figured it out for me :-D simple and working - now how to make it work for freezed menu so box1(big menu) shows up anywhere on the site
Charles@notosmedia.ca I did a full megamenu that is working pretty well. If you ever want some help
@@charlesdelamarre6166 i am definetly interested to see it, try it, Especialy for freezed menu that moves with visitor down and up the page
Hey! Thanks for the video. It helped a lot. I was trying to do the same thing with a light box and was facing an error. Any idea on how to do the same with a light box? Thanks!
I realise this is a little old, but could you tell me how to close the box on mousout? I can see the .show(); function in your video, but what command would I use for closing the box?
Figured it out. It's a .hide(); command. So you can make it so that the menu disappears when you mouseOut the button.
So that the menu doesn't disappear when people try to select things there you also need to add a mouseIn command to the box, and then a mouseOut command as well. So long as the box is touching the button then when people move from the box to the button then the box will not disappear. However if the mouse moves away from both the box and the button then the box will disappear.
@@ArgumentativeAtheist helped out a ton thanks!
how it works if we have multiple button with multiple container box
how to makes a megamenu interactive, i.e. will not close when the user hovers over the megamenu . (expectation - when user hover on button megamenu will show , if pointer is away from megamenu then it will hide and if pointer is on megamenu it will not close)
export function shopHere_mouseIn(event) {
$w('#bigBox').hide();
$w("#bigBox").show();
}
export function bigBox_mouseOut(event) {
$w('#bigBox').show();
$w('#bigBox').hide();
}
this is it enjoy
@@sureshindika9215 Awesome. Thanks.
I don't know why everyone is doing this complicated way by using a button and custom code.
You can just make a menu item link and connect it to a lightbox and snap it to the top of the screen and remove the background fade that's so much easier and you can customize it so much faster
@@cryforce Make a video on it and I guarantee it won't be the way everyone here is trying to make a mega menu.
I followed your code also but could not get the megamenu to close when I stopped hovering over the button. I used the top button I created at start of code in export funcction and in the code Bigbox I was trying to link to the megamenu. Any advice appreciated, this is not easy stuff, thanks.
Hi how do you open the Properties of the Button?
After publishing does not work this why? its only shown in preview
For some reason, it still tells me that megaMenu isn’t a valid selector. (I didn’t forget the # btw). Is this a new thing with wix or sth? It only allows me to do that if I do the onMouseIn for the box instead of the button
Right click on the box(megaMenu) you've created then find "Show on all pages" and turn it on. That should do the trick!
Okan Sen it did!! Thanks!
@@pratbosh1060 Cheers man!
Thanks for the tutorial, made it work but only on the page the mega menu is built on. what solutions do you have to have the custom menu work on every page?
You need to make sure it is in the site code, not page code for it to work on every page
@@TheWixTrainingAcademy thanks! lol is there anywhere I can learn all this xD don't know a whole lot about codes, do you have a video on it?
@@TheWixTrainingAcademy When it is in the site code #megaMenu is not a valid sector in the function it does not recognise or find the megaMenu box, in the Page code everything`s fine. Why? How to fix it?
@@denitsanikolaeva2814 I am having the same problem here
Did u managed to fix it?
Love it!
Happy to hear that!
Hey,
I followed the exact steps thrice already and getting the same error everytime. I basically want that when people hover over 'Shop By Category' button, they see a horizontal menu (which I created just the way you mentioned) and then by hovering over each item in that menu they should see a menu for that. I thought thats the problem so I tried building it just the way you mentioned and even named my menus the same.
This is the error I get on the frontend:
Error parsing web-module 'public/pages/masterPage.js': Unexpected token (7:15) while parsing file: public/pages/masterPage.js
Regarding the backend, few things I noticed:
- After I type the # symbol, it does not list my menu name (box name) in the list so I manually type it.
- There is a red dot on the left and when I hover over that, it gives me 2 errors:
(a) Parsing Error: Unexpected Token:
(b) '#MegaMenu' is not a valid selector
Please help me as I need this for my website asap. I wish I had thought about this earlier and tried it.
The same problem here!
Please let me now if you solve this problem cuz im trying for an hour now. Feeling like idiot!
@@KarloP750 If you right click the mega menu you will get a "Show on all pages" option, select it and that's it!
loved the story!
Hi. How did the thing in the rigth side popped up? The one with the properties?
did you figure it out? I can't find this functionality too
you need to activate "Wix velo" feature - extended toolkit, which will let you to do such things