Anchor link submenu to section of content on page or webpage

You can make navigating a webpage with lengthy content easier to navigate by adding a submenu to a Menu tab. This submenu can link to another page of content that doesn't appear on the current webpage OR it can link to a specific section of content that is found on the current page. The latter is done by creating an anchor link. 

Anchor link submenu to a section of content on a specific page

1. Click Maple Builder at the top of the webpage.
2. Go to the row/module on the page that contains the section of content to which you would like to link the submenu.
3. Click the wrench icon to access the settings for that row/module.
4. Scroll down to the ID field and type the word(s) you plan to use to reference this section of content. Note: the word(s) must start with a letter and only contain dashes, underscores, letters, or numbers...no spaces. Click Save, then click Done at the top right of the page, and Publish.

In the example screenshot below, I am using the ID "institutions" to identify the row containing University and Academic Associations content.

5. Click Customize at the top of the page; then click Menus.
6. Click on Main Menu. Note: If you see two Main Menu options, click the one that says (Currently set to: Primary Menu).
7. To create a new page or subpage in the menu and link it to a specific section of content on the page, scroll down and click + Add Items.
8. Click the dropdown arrow to the right of Custom Links and type in the URL field a # and the ID you created for the content section in Step 4 (example: #institutions). In the Link Text field, type the name of your new Menu page or subpage. Click Add to Menu.

Example in screenshot below.

9. Drag and drop the newly created Custom Link into the correct position respective to its order with the other Menu pages, categories, or custom links. Click Publish, then click the X to the left of Publish to close the Menu screen. You should now see the new submenu item in your website Menu, and clicking on the submenu item should take you the correct content section of the page. Note: if you don't see the submenu item in your website Menu, try refreshing your page.

In the example screenshot below, I made the Institutions Custom Link a submenu item under the Workshops Menu tab.

Anchor link submenu to a webpage

1. Copy the URL for the webpage to which you would like to link the submenu.
2. Follow steps 5, 6, and 7 in the previous set of instructions.
3. Click the dropdown arrow to the right of Custom Links and paste the webpage URL in the URL field. In the Link Text field, type the name of your new Menu page or subpage. Click Add to Menu.

Example in screenshot below

4. Drag and drop the newly created Custom Link into the correct position respective to its order with the other Menu pages, categories, or custom links. Click Publish, then click the X to the left of Publish to close the Menu screen. You should now see the new submenu item in your website Menu, and clicking on the submenu item should take you the correct webpage. Note: if you don't see the submenu item in your website Menu, try refreshing your page.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Me Contact Me