You can add dropdown menu/s to your Rocketspark website, this is super handy for e-commerce websites as it directs customers around a large website or if you have a business that offers multiple services.
Please note:
You can add dropdowns to any page in the Manage pages section. However, only the pages that sit above the line in the page list will actually display dropdowns on your live site. Also, keep in mind that only one level of dropdown is supported—nested dropdowns aren’t possible.
Quick links:
Changing your dropdown menu's design
Adding a dropdown menu link to your shop's category/filter or brand
Adding a dropdown menu
(To make this tour bigger, click the arrows on the right or zoom in)
1. Go to your Dashboard and click Manage Pages in the left hand menu.
2. Select Add dropdown menu to the right of your window
3. Click on the menu tab you would like to add a dropdown menu to. In this case, I'd like to add a dropdown menu to my SHOP tab (for the purpose of helping customers get to what they're shopping for, faster).
4. Click on Add page to dropdown, choose the page you would like to add to your dropdown menu. In this case, I'd like to add my TOPS page first, so this will appear first under SHOP in my dropdown menu.
5. To add more pages to your dropdown menu, continue to select Add page to dropdown, and select each page one at a time, in the order of appearance.
6. You can choose to make the parent nav a clickable link in the menu or a non-clickable link in the menu (in this example, "shop" is the parent nav).
- By default, the dropdown parent nav will be a clickable link in the menu for you to add content to the page. The "is a clickable link" toggle will be green.
- To make the parent nav a non-clickable link in the menu, toggle the option "is clickable link" until this turns grey.
7. Rearrange the order of the subpages: Click and drag the arrow icon up or down to change the order.
8. Page online/offline: The eye icon will show if a subpage is currently online or offline. If the page is offline, this will not display in the dropdown list until you turn the page online.
9. Delete sub-pages/delete dropdown: Click the trash icon to delete any sub-page from the dropdown menu. If you delete all sub-pages, the dropdown menu will be removed with only the parent nav being visible.
10. Save your changes.
NOTE: You can go back and edit this menu by simply going back to Manage Pages, a new EDIT DROPDOWN button will appear alongside the menu page you have previously added a dropdown menu to.
Changing your dropdown menu's design
Once you've added a dropdown menu, an option will appear in Manage Pages with a link to allow you to change the look and feel of your menu design.
1. Click on the 3 dots to Change the dropdown design.
The Header & Menu tab in CHANGE DESIGN>SITEWIDE DESIGN SETTINGS will open by default.
2. Click on the 3 dots next to Header Layout. Then click on the 3 dots next to Menu Text. Under the Dropdown Menus heading you're able to change the background colour of the dropdown box and also the text colour of your dropdown menu page names.
3. Save your changes when you've finished editing.
Adding a dropdown menu link to your shop's category/filter or brand?
See our help guide on how to link a menu item to a shop category/tag/brand. Then use this help guide to link your subpages to a main menu item in a dropdown.