Now that you have tweaked your pages, it’s time to learn how to build a unique menu or BigMenu.
In order to build a beautiful BigMenu, you will first need to create a new menu. Go to the left side of the WP-Admin panel, find “Appearance,” then “Menus”.
Now click the 'create a new menu' option on top menu navigation bar to create a new menu. For this demonstration, we have called our “bigmenu”.
**Important – use all lowercase letters.
Click "Create Menu" Button on the right to save the new menu. Check the "Main Navigation" in Menu Setting Notice also that we have changed the “Theme Location” (right) to “bigmenu”.
Be sure to CLICK SAVE.
2. Enable Css Classes and DescriptionBack to top
Now scroll up and find the “Screen Options” at the top right of the Menu, and click on the drop-down arrow: Now the screen looks like this:
No matter what other items are checked, to create a BigMenu, you MUST click/check the CSS CLASSES and DESCRIPTION boxes.
CLICK “SAVE MENU” and close the Screen Options view.
3. Insert the pagesBack to top
Next, choose the Pages that will show on your BigMenu. To do this, scroll to the bottom left of your Menus page and find “Pages”. Click on the Pages you want to show. **Note - Sometimes only the “Most Recent” pages show. Click “View All” to show all your pages. Here is a screenshot of the pages we added:
**Note – the pages are in random order. This is how they will show on the Navigation Bar:
We DON’T want our pages in random order, so we will now return to the Menu Page and drag the pages to the order we desire.
Now our Navigation Bar looks like this:
Now we can begin the BigMenu.
Now, go back to your “Menus” page and scroll to the “Links” section on the middle left. Change the “URL” to “#”, and change the label to whatever you want in your menu. In our example, we will change the label to “Shop”.
Now click “Add to Menu”, and “Shop” will appear on your menu.
Drag it in the order you want it to appear on your Navigation bar.
Next, click on the drop-down arrow of the “Shop” icon, and when the screen opens up, find “CSS Classes” and type “bigmenu”.
You can also set a background image throw “image” field or set an icon to display near the title link:
**Note – the “Description” field will automatically be filled.
After clicking “Add to Menu,” the “Shop Page” appears on the menu, and we arrange it under the “Shop”:
Now we can add some Sub-Categories under “Shop”. We will add "Shop Full Width" , "Shop Right Sidebar" , "Shop left Sidebar" , "Masonry Shop" and "Category Page".
Now we will add a new section called “Product Page”:
Here is what our Menu looks like after adding the Product Page and several Sub-Categories:
Now CLICK SAVE, then navigate to your Home Page. Here is a visual of our new Navigation Bar with all the pages we’we chosen, and with the “Shop” BigMenu.
If you need more help, submit a ticket in our support forum