{"id":2016,"date":"2016-07-22T11:59:27","date_gmt":"2016-07-22T15:59:27","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=2016"},"modified":"2023-06-14T13:42:20","modified_gmt":"2023-06-14T17:42:20","slug":"working-with-menus-in-boldgrid","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-themes\/working-with-menus-in-boldgrid\/","title":{"rendered":"Working with Menus in BoldGrid"},"content":{"rendered":"\n

In this guide, we will show you how you can start working with menus in your BoldGrid site. BoldGrid gives you the ability to create, delete, reorder, add items, or assign menus to locations<\/strong> on your website. By working with menus<\/strong>, you can easily setup your social media menu to link to your own accounts.<\/p>\n

Menus are the primary navigation method for your site visitors. They will be using the menus to learn more about your site, navigate between pages, and interact with your site offerings. For business owners, menus provide an opportunity to communicate your goals and values to your customer as well as an avenue for them to communicate with you.<\/p>\n

It is less likely a visitor will stay on your site long enough to read it if they find difficulty navigating pages. Designers should provide an easy path for visitors to follow, and BoldGrid adds all the functionality you will need to do this right from the WordPress Customizer.<\/p>\n

Working with Default Menus<\/h2>\n

If you started with a BoldGrid Inspiration, you may notice you have some default menus already installed. These menus will have a name and a current location. BoldGrid comes with a series of Menu Locations you can use. If a menu is currently occupying one of those locations, you can see the name of the menu in parentheses.<\/p>\n

How to Create a New Menu<\/h2>\n
    \n
  1. Login to BoldGrid.<\/a><\/li>\n
  2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
  3. You will see the existing menus listed. Click the + Add a Menu<\/strong> button.\"add<\/a>\n
    <\/div>\n<\/li>\n
  4. Enter your new menu name<\/em>, then click the Create Menu<\/strong> button. You must then add items to the menu, which is covered in the next section.\"create<\/a>\n
    <\/div>\n<\/li>\n<\/ol>\n

    Automatically Add New Pages to Your Menu<\/h2>\n

    After choosing a menu location for your new menu, you will notice the Menu Options below. If you would like a new menu item to appear for new pages, check the box labeled Automatically add new top-level pages to this menu<\/em>. Continuing along in this WordPress Customizer series, you are going to learn more about using Widgets in your site<\/a>.<\/p>\n

    How to Add Menu Items<\/h2>\n
      \n
    1. Login to BoldGrid.<\/a><\/li>\n
    2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
    3. Click the menu you want to add items to, then click the + Add Items<\/strong> button.\"add<\/a>\n
      <\/div>\n<\/li>\n
    4. Choose the type of menu item you want to add, then click the Save & Publish<\/strong> button. Options are Custom Links, Posts, Pages, Categories, <\/em>or Tags.<\/em><\/li>\n<\/ol>\n

      How to Delete a Menu<\/h2>\n
        \n
      1. Login to BoldGrid.<\/a><\/li>\n
      2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
      3. You will see your menus listed. Select the one you want to delete.<\/li>\n
      4. Click the Delete Menu<\/strong> link.\"delete<\/a>\n
        <\/div>\n<\/li>\n
      5. Click the Save & Publish<\/strong> button.<\/li>\n<\/ol>\n

        How to Setup your Social Media Menu<\/h2>\n
          \n
        1. Login to BoldGrid.<\/a><\/li>\n
        2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
        3. Select the Social Media<\/strong> link.\"click<\/a>\n
          <\/div>\n<\/li>\n
        4. You will then see a list of available social media options including Facebook<\/em>, Twitter<\/em>, Google Plus<\/em>, LinkedIn, and Youtube<\/em>. Click them to add a link to a link to your social media page. You only have to setup the ones you want to use.\"social<\/a>\n
          <\/div>\n<\/li>\n
        5. Click the Save & Publish<\/strong> button.<\/li>\n<\/ol>\n

          How to Reorder menus<\/h2>\n
            \n
          1. Login to BoldGrid.<\/a><\/li>\n
          2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
          3. Select the menu you want to reorder.<\/li>\n
          4. Click the Reorder<\/strong> link.\"reorder<\/a>\n
            <\/div>\n<\/li>\n
          5. Click the arrows to move the menus up and down. Items higher on the list display first on the menu.\"reordering<\/a>\n
            <\/div>\n<\/li>\n
          6. Click the Save & Publish<\/strong> button.<\/li>\n<\/ol>\n

            How to set Menu Locations<\/h2>\n
              \n
            1. Login to BoldGrid.<\/a><\/li>\n
            2. Click Customize<\/strong>, then Menus<\/strong>.<\/li>\n
            3. Click the Menu Locations<\/strong> link.\"menu<\/a>\n
              <\/div>\n<\/li>\n
            4. You will see the menu locations listed such as Primary Menu<\/em>, Left Below Primary Navigation<\/em>, Right Above Primary Navigation<\/em>, Header Upper Right<\/em>, and Footer Center<\/em>. Keep in mind the menu locations will differ based on your specific theme. Click the drop-down box below the menu locations to choose which menu will display there.\"choose<\/a>\n
              <\/div>\n<\/li>\n
            5. Click the Save & Publish<\/strong> button.<\/li>\n<\/ol>\n