How do I set up anchor links with the accordion menu?

This is a very simple process that I'll walk you through in this article.

If you want to scroll a visitor to a certain part of the page when they click a link in the accordion menu, you are in the right place.  It's super simple.  Let's take my CLEAN Theme Video Tutorial page as an example.

1. Open the Accordion Menu module options in the CMS

This is what mine looks like all filled out. 


Screen Shot 2021-03-01 at 11.22.51 AM

2. Add a new menu group or edit an existing one

Once you're there, go ahead and click Edit/Create menu content.


Screen Shot 2021-03-01 at 11.24.40 AM

3. Make sure URL link is selected

This is going to give you the ability to add the unique ID that is going to look for that section of the page.


Screen Shot 2021-03-01 at 11.26.15 AM

4. Add your unique ID to the URL input field

When adding your unique ID, you'll want to be sure to add a # (hash-tag) in front of it. This is important. Here is how I have mine set up.

Screen Shot 2021-03-01 at 11.28.36 AM

You may notice the redundancy with two sets of the same unique ID. That redundancy isn't required.  It's just how I happen to have my page set up. 

Why a unique ID?

The ID needs to be unique so that it will know where to scroll the visitor to on the page. 

5. Add the unique ID to the associated section of the page

Find the module that you would like to scroll the visitor to and jump into the module's edit mode and then /// Row Settings.


Screen Shot 2021-03-01 at 11.37.49 AM

Scroll to the bottom of the /// Row Settings pannel and look for /// Code (The Nerdy Stuff). This is where you are going to add the unique ID that you had given the menu item.


Screen Shot 2021-03-01 at 11.38.43 AM

IMPORTANT: When adding your unique ID here, DO NOT include a # (hashtag) here. 

6. Click publish changes

Boom.  You're done.