The secondary menu gadget allows you to create a menu consisting of internal or external links that supplements your main site menu. You can specify the link names and destinations, choose a vertical or horizontal orientation, and select from a list of menu styles.

This gadget is only available when using a Bookshelf, Blueprint, Building Blocks, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, or Whiteboard website theme.

You can insert the gadget into a page onto your site, or into a page template so that all pages that use that template will automatically display the gadget. For instructions on inserting, moving, and deleting gadgets, see Gadgets.

Specifying secondary menu links

You can specify up to 8 links to appear in a secondary menu. To specify a menu link, expand one of the LINK sections within the secondary menu gadget settings, then enter the link label in the Name field, and the destination URL for the link in the Link field.

If you want to link to a page on your Wild Apricot site, you can copy the page URL from the page settings.

Secondary menu gadget settings

Using the gadget's settings, you can control its appearance and content. For instructions on displaying gadget settings, see Gadgets.

The following settings are available for secondary gadgets:

Name
For each link to be displayed within the secondary menu, you enter its display name.

Link
For each link to be displayed within the secondary menu, you enter the destination URL. If you want to link to a page on your Wild Apricot site, you can copy the page URL from the page settings.

Orientation
Controls whether the links are displayed horizontally or vertically.

Align
(Firma, Homestead, Terra themes) Controls the horizontal alignment of the links.

Gadget style
The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the links.

Margins
The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.

Padding
(Kaleidoscope themes only) The amount of space – in pixels – that appears between the content of the gadget and the outer limits of the gadget. You can set top, bottom, left, and right padding separately. If you have set a fixed height for the gadget, the bottom padding will be ignored.

Advanced
Within the Advanced section, you can enter CSS code or classes to further control the appearance and behavior of the gadget. For more information, see Gadget settings.

Changing colors and fonts

You can change the colors, text styles, and backgrounds used in your website from the Colors and styles screen.

For more advanced fine-tuning, you can use CSS customization and theme overrides.

For secondary menu gadgets, you can modify the following elements from the Colors and styles screen:

Appearance of menu items

  • Menu > Secondary menu > General
    Terra, Showcase, Firma themes

Appearance of menu items when hovered over

  • Menu > Secondary menu > Hover
    Terra, Showcase, Firma themes

Any changes you make will be applied to other gadgets that use the same settings.