MyMenu comprises of three powerful stacks.

  1. MyMenu - the base stack where you define the types of links to display, the position of the menu and its styling.
  2. MyMenu Sub Nav - to set the point where you want the menu to open and reveal subpages or links.
  3. MyMenu Item - for the display of individual items in your MyMenu or Sub Nav stacks.

MyMenu uses the popular HoverIntent and jQuery Easing plugins, therefore ensuring the completed menu looks and works reliably in all major web browsers. Responsive support is extended to cover devices like the iPhone and Android smartphones.

If you are seeking to add a regular menu bar or mega-menu to your website, our Gator or SuperMenu stacks might be a better choice to use. Likewise for the display of social media bookmarking or sharing icons, the SocialPopup or ShareStack stacks could be a viable alternative.

Example

You can see an example of the MyMenu stack displayed on the left of this page (or at the top, if you are viewing the page on mobile). This example was configured manually with custom links and sub nav drop-downs.
 

Setup

You can configure MyMenu by following these steps:
  1. Download the MyMenu .zip file and uncompress it.
  2. Drag and drop the S4S-MyMenu.stack icon onto your RapidWeaver dock icon.
  3. Follow the instructions to install the new stack. Restart RapidWeaver if prompted.
  4. Open your Stacks Library (on a Stacks page type) and search for 'MyMenu'.
  5. Drag and drop a 'MyMenu' stack into the page.
  6. By default, MyMenu will take the page navigation links generated by your theme, and present them within the menu.
  7. Select the MyMenu stack in edit mode to access its settings. Change any of the settings as needed.
  8. Preview the page to see the result. Save, export or publish when done.

As always, hovering your mouse cursor over settings will display small informational tooltips about what each setting does. MyMenu can be configured as a Partial, External or Template, if you wish to reuse the same MyMenu stack over multiple pages or projects.

Building a custom menu

Commonly you may not want to use the page navigation links your RapidWeaver theme generates. Instead you may wish to custom-build the entire menu using your own drop-downs and links. MyMenu supports the use of custom items, through use of the separate MyMenu Custom Item and MyMenu Sub Nav stacks.

Start in your MyMenu stack by going into its settings and checking the Add Custom Menu Items option. This changes the user interface in edit mode and displays some additional setup instructions for you to read.

Creation of a custom drop-down (or fly-out) menu is accomplished using the MyMenu Sub Nav stack. Drag and drop one of these stacks from your Stacks Library into the drop zone within MyMenu. You can see that the title of the sub navigation item can be changed in edit mode. A secondary drop-down is shown, into which you can place additional MyMenu Sub Nav stacks or MyMenu Custom Item stacks.

To add actual links to your custom menu, you will want to be using MyMenu Custom Item stacks. Drag and drop these stacks from your Stacks Library into either the drop zone within MyMenu or MyMenu Sub Nav stacks. Select each item to customise its title text and link in edit mode.

It is possible to merge both an existing theme navigation menu with custom links. The placement of your custom links can be changed to either above or below the theme navigation links. Alternatively the theme navigation links can be set to 'off'. All these settings exist in the main MyMenu stack.