wix mega menu
We make it easy for everyone to create a beautiful, professional web presence. And if you hover over NFL, it pops up a little sub menu or mega menu as it's called, and you're able to go through and you're able to click on the team you want. Make your company stand out and show your visitors who you are. i wish to use this Mega Menu on other page with whole different contents which mainMenu & subMenu collection can't be use anymore. Two collections to store the content for menu labels and links. I would then suggest that you just copy over the whole example onto a blank page in your site and change the dataset query lines to your datasets as shown in bold red below. I cannot get the submenu to expand no matter what I do. So they showed me Bleacher Report, which I'm a huge Bleacher Report fan. Was it a little bit choppy getting to the end result? -Wix Certified Trainer Learn more about Menu now! Click the menu button and click the Link icon . In fact, actually a couple of years back my buddy and I launched a sports blog and they're looking to reinvigorate it make it bigger, better, stronger. I should be able to scroll down and I should be able to click on Cardinals and it takes me to the NFL page. i created 2 "Data Collection" = 'mainFrame' & 'subFrame' it just wont expanding the subMenu i edited. I'm going to click NFL and I'm going to remove the underline on that to get rid of that. Clicking this button will launch a panel containing all of the Mega Menu settings for this menu item. You can add any WordPress widget(s) to your sub menu, for example your latest WooCommerce products, a slider, images, custom HTML, social icons etc. So it doesn't cause any design problems right there. I have just simply exported the original subMenu and mainMenu datasets and imported them into the datasets of subFrame and mainFrame. What is going on Wix nation NPS from Wix Training Academy here. Perfect. I'll make it this color. So you're literally just going to do that and we have to change, have to get rid of that code that was testing. Let's see so now we're going to go ahead and move up, going to draw down. Tell your visitors the story of how you came up with the idea for your business and what makes you different from your competitors. I'm going to have the box drop onto the page, not into the header. If you want to use the mega menu example as it is then you need to be creating up your datasets to match the example as it is shown. You have a reference field in the mainFrame dataset when the mainMenu dataset in the tutorial does not. Otherwise you can delete the page if you do not want to keep an old version of it. // if you the menu to link to different pages, add the needed links to the collections and uncomment the following line: https://hdcreative.wixsite.com/sarinah/photo-frame, https://editor.wix.com/html/editor/web/renderer/edit/4c82c9b3-5b96-43e5-ab49-2c5bc97eabb5?metaSiteId=2cf96207-fc59-4e97-81f8-ec9eee88bd40&editorSessionId=b87a625d-b3d8-4d73-a0ea-04345bea5901&referralInfo=dashboard. Now I'm going to change the design of this. I'll show you the design here, if you wanted, and you can get rid of the fill color and you can just make the text, whatever color you want. no submenu when hover / click it. So it's going to be really cool, but I was in the graphic design lab with them the other night studying for finals here. Talk about your team and what services you provide. We make it easy for everyone to create a beautiful, professional web presence. Select a design and click Add to Page. But if you create it once in the header, it'll stay. product - Contains information about products. At Wix we’re passionate about making templates that allow you to build fabulous websites and it’s all thanks to the support and feedback from users like you! i really appreciate it , sorry seems like still not working i don't know what i'm missing anymore, i tried to using your code page3 it become like this : And again, guys, this is just for the purpose of the video here to kind of show you I'm going to have that drop there. ? So whether that be a page, web address, etc. Once that button is hovered over, however, we do not want our mega menu showing as soon as the page loads, why? We're going to click add, and we actually have to build and design our mega menu. The widget selector will list all of the widgets installed on your WordPress site. That's who was with me and now you right here, just with me, just like that. This is what we built out that night. ——————– So it'd be just like having this regular built prebuilt Wix menu, but with buttons and it'll be a button menu. If you are wanting to have the images in your subFrame and mainFrame menus along with additional reference fields, then you are going to have to rework the code to suit this additional change and it won't just be a case of simple delete. Feel free to tell us what you think and give us feedback in the Wix Forum. Because that means on hover. So we're going to add an "onMousein", and then we need to add a little bit of a function here. And I wanted you to feel like you were sitting there with me. ? So this was from our testing purposes earlier on in that graphic design lab. Type "menu" in the search bar and press Enter. Much appreciated. We make it easy for everyone to create a beautiful, professional web presence. It’s easy. Type "menu" in the search bar and press Enter. as you mention before changing this codes together with "item.mainMenu" & "item.subMenu" bcuz they are corresponding on the our collections. 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. Email: email@example.com It's kind of a group effort. And I was like, yeah, I think we can do that. Alright, so we got NFL. The Wix website builder has everything you need to create a fully personalized, high-quality free website. So my friends here at college, actually, they're looking to build a sports blog. GOS would you mind taking a look at my code to see if you can find out what I'm doing wrong? And then maybe we'll have one for, they had one for tickets. On page 3 of my example website I was just using the code that you have posted in your original post here. But what we're going to do is I'm going to go ahead and I'm going to take you just to a new page and we're going to do the same thing. Mega Menus can contain sub menu items and Widgets. Now, what we have to do is we've kinda got our mega menu here. We have a goal here to hit 50,000 subscribers by March 1st. If it all works for you on the test page, then you can simply just rename the page as your existing page for this and rename the current as old page for example so that you have got it still. Drop a like if you enjoyed this video, if you're excited to go build your mega menu, comment again, if you enjoyed the video, if you're excited to go build your mega menu and don't forget to hit that subscribe button, the bottom right of this video and turn those bell notifications on. Guys, I don't know about you. So now we got teams we got tickets. Sometimes in the mega menu, it's just easier to work with the text. Yes. https://hdcreative.wixsite.com/sarinah/photo-frame, - megaMenu below should be hidden till i click the main button. When i learn more about how codes works, i'll try that one. Why is it "onMousein"? Pack your entire website's navigation into a single multi-level dropdown menu. So now what we're going to do once we've got our button intact is we're going to go ahead. I should probably get that thing back. You don't need to manually redo all of the datasets, simply just export your current ones and import them into the datasets on the test page. The same with the code used, don't delete chunks of it in one go, just delete small parts of it like above with the elements on the page. To convert a Flyout menu to a Mega Menu, switch the Sub menu display mode from “Flyout Menu” to “Mega Menu – Grid Layout”. The Wix website builder has everything you need to create a fully personalized, high-quality free website. I'm going to change the text to NFL. You have images in the subFrame dataset when the subMenu dataset in the tutorial does not. By default, sub menu items will be displayed in a dropdown (Flyout) menu on your site.