Creating BoldGrid Menus

Upon installation, most BoldGrid Inspirations have a basic, default menu already configured. Depending on your site design goals, you may decide to create some custom menus for users to interact with. For example, drop-down menus are commonly used types of menus that allow users to quickly access a variety of options in an easy-to-read format. In this article, we will explore how to create new menus and remove menu items. 

Topics Include:

• Creating BoldGrid Menus
• Creating Drop-Down Menu
• Removing Menu Items

Creating BoldGrid Menus

1. First, log into your BoldGrid Dashboard.
2. Next, Locate and click on the Customize option using the left menu bar.
3. Then, click on the Menus option from the submenu.
4. Make sure you are on the Edit Menus tab, then click on the create a new menu link.
5. After clicking, a blank menu screen will appear. First, locate the Menu Name field and give your menu a unique name. Then click on the Create Menu button.
6. Now the rest of the page allows you to add items. Be careful to select either the Active or Staging tab when you are clicking in the Pages section in order to edit or create the menus for the appropriate area.
7. Next, click on the View All tab so you can see all available options for your menu.
8. Click on the checkbox next to each item you want to appear. If you want all items in the menu, you can simply click on the Select All option, located just under the list.
9. Once you have selected your items, click on the Add to Menu button. The selected items will appear on the right hand panel under Menu Structure.
10. Optional: You can change the position of the items by hovering over them, holding the left mouse button down, and dragging them to the desired position.
11. Once you are satisfied with the positioning, click on the Save Menu button, located at the top and bottom of the right hand panel.

Your new menu has been created and is now available for use!

Creating a Drop-Down Menu

1. First, log into your BoldGrid Dashboard.
2. Next, click on the Customize menu option from the left-side menu.
3. NOTE: You may need to click on the Active Theme or Staged Theme link, to select which version (Active/Staging) of your website you want to modify the menu for.
   From the Customizer menu, click on Menus.
4. From there, select the menu you would like to create a drop-down menu with, from the list of menus you have created.
5. Next, Drag and drop the pages that you would like displayed in the drop-down below your desired top menu item page.
   NOTICE: Your additional pages should be placed below the top menu item and indented once with respect to the top menu item only.
6. Finally, click the Publish button to save the menu.

Removing Menu Items

1. Log into your BoldGrid Dashboard.
2. Click on Customize, then click on Menus.
3. You will see the Menu Customization page with a title stating “You are customizing Menus”. Under this title will be another header showing the Menu Locations. Click on the menu location that you wish to edit.
4. Once you select the menu location, you will see the structure of the menu created in that location. Each menu item will have a drop-down arrow. Click on the drop-down arrow.
5. Each Menu item has a navigation label and title attribute that can be edited. There is also an option labeled Remove in red at the bottom. If you wish to remove the menu item, click on Remove.
6. When you have completed removing all of your menu items, click on the blue Save and Publish button at the top of the Customizing menu column.

Need more help with BoldGrid? Check out our comprehensive user guide for the BoldGrid Website Creator!